@pega/cosmos-react-demos 2.0.0

package/lib/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/lib/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/lib/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/lib/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"}

package/lib/cs/CallControlPanel/CallControlPanel.stories.jsx

@@ -0,0 +1,188 @@
+import { array, text } from '@storybook/addon-knobs';
+import { action } from '@storybook/addon-actions';
+import { useRef, useState } from 'react';
+import { createUID } from '@pega/cosmos-react-core';
+import { CallControlPanel, CalleePicker } from '@pega/cosmos-react-cs';
+import { contactsList, transferReasons, userStatusOptions } from './CallControlPanel.mocks';
+export default {
+    title: 'Customer Service/CallControlPanel',
+    component: CallControlPanel,
+    args: {
+        isDraggable: true
+    },
+    argTypes: {
+        isDraggable: { control: { type: 'boolean' } }
+    }
+};
+export const CallControlPanelDemo = (args) => {
+    const [currentStatus, setCurrentStatus] = useState(args.status || 'available');
+    const inStatusSince = useRef(Date.now());
+    const [calls, setCalls] = useState([]);
+    const slaConfig = array('SLA timeouts', ['30', '50']).map(Number);
+    const [contacts, setContacts] = useState(contactsList);
+    const [error, setError] = useState();
+    const callsList = useRef(calls);
+    callsList.current = calls;
+    const onPauseToggle = (id) => {
+        const activeCallIndex = callsList.current.findIndex((call) => call.id === id);
+        const activeCall = callsList.current[activeCallIndex];
+        callsList.current.splice(activeCallIndex, 1, {
+            ...activeCall,
+            onHoldSince: activeCall.onHoldSince === undefined ? Date.now() : undefined
+        });
+        setCalls([...callsList.current]);
+    };
+    const onMuteToggle = (id) => {
+        const activeCallIndex = callsList.current.findIndex((call) => call.id === id);
+        const activeCall = callsList.current[activeCallIndex];
+        callsList.current.splice(activeCallIndex, 1, {
+            ...activeCall,
+            muted: !activeCall.muted
+        });
+        setCalls([...callsList.current]);
+    };
+    const onMergeCall = (id) => {
+        const activeCall = callsList.current.find((call) => call.id === id);
+        if (!activeCall)
+            return;
+        callsList.current.splice(0, 1, {
+            ...callsList.current[0],
+            participants: [...callsList.current[0].participants, ...activeCall.participants],
+            onHoldSince: undefined
+        });
+        setCalls([...callsList.current.filter(callId => callId.id !== id)]);
+    };
+    const onEndCall = (id) => {
+        const newList = callsList.current.filter(item => item.id !== id);
+        setCalls(newList);
+    };
+    const onConsultAction = (id, phoneNumber) => {
+        const caller = contactsList.find(person => person.phoneNumber === phoneNumber);
+        const consultCall = {
+            id: createUID(),
+            startedAt: Date.now(),
+            onMergeCall,
+            transferOptions: transferReasons,
+            muted: false,
+            onMuteToggle,
+            onPauseToggle,
+            participants: [
+                {
+                    name: caller?.primary || '',
+                    info: caller?.secondary || '',
+                    id: caller?.primary || '',
+                    onEndCall: (callId, participantId) => {
+                        const callIndex = callsList.current.findIndex(call => call.id === consultCall.id);
+                        if (callIndex !== -1)
+                            onEndCall(callId);
+                        else {
+                            const activeCallIndex = callsList.current.findIndex(call => call.id === callId);
+                            const activeCall = callsList.current[activeCallIndex];
+                            callsList.current.splice(activeCallIndex, 1, {
+                                ...activeCall,
+                                participants: [
+                                    ...activeCall.participants.filter(participant => participant.id === participantId)
+                                ]
+                            });
+                            setCalls([...callsList.current]);
+                        }
+                    }
+                }
+            ]
+        };
+        const updatedCalls = callsList.current.map((call) => {
+            return { ...call, onHoldSince: Date.now() };
+        });
+        updatedCalls.push(consultCall);
+        setCalls(updatedCalls);
+    };
+    const onConferenceAction = (id, phoneNumber) => {
+        const caller = contactsList.find(person => person.phoneNumber === phoneNumber);
+        const conferenceCall = {
+            id: createUID(),
+            startedAt: Date.now(),
+            onMergeCall,
+            transferOptions: transferReasons,
+            muted: false,
+            onMuteToggle,
+            onPauseToggle,
+            participants: [
+                {
+                    name: caller?.primary || '',
+                    info: caller?.secondary || '',
+                    id: caller?.primary || '',
+                    onEndCall: (callId, participantId) => {
+                        const callIndex = callsList.current.findIndex(call => call.id === conferenceCall.id);
+                        if (callIndex !== -1)
+                            onEndCall(callId);
+                        else {
+                            const activeCallIndex = callsList.current.findIndex(call => call.id === callId);
+                            const activeCall = callsList.current[activeCallIndex];
+                            callsList.current.splice(activeCallIndex, 1, {
+                                ...activeCall,
+                                participants: [
+                                    ...activeCall.participants.filter(participant => participant.id === participantId)
+                                ]
+                            });
+                            setCalls([...callsList.current]);
+                        }
+                    }
+                }
+            ]
+        };
+        callsList.current.splice(0, 1, {
+            ...callsList.current[0],
+            participants: [...callsList.current[0].participants, ...conferenceCall.participants],
+            onHoldSince: undefined
+        });
+        setCalls([...callsList.current.filter(callId => callId.id !== conferenceCall.id)]);
+    };
+    return (<CallControlPanel heading={text('Heading', 'Agent Smith')} statusOptions={userStatusOptions} status={currentStatus} inStatusSince={inStatusSince.current} onStatusChange={value => {
+            if (value === 'reconnecting') {
+                setError('You cannot set this status');
+                return;
+            }
+            setCurrentStatus(value);
+            args.onStatusChange?.(userStatusOptions.find(s => s.id === value));
+        }} message={error} calls={calls} draggable={args.isDraggable} onAddCall={(phoneNumber) => {
+            const call = {
+                id: createUID(),
+                startedAt: Date.now(),
+                slaConfig,
+                onConsultAction,
+                onConferenceAction,
+                transferOptions: transferReasons,
+                onTransferAction: (id, data) => {
+                    action('onTransferAction')(id, data);
+                    onEndCall(id);
+                },
+                muted: false,
+                onMuteToggle,
+                onPauseToggle,
+                onDTMFPress: action('onDTMFPress'),
+                participants: [
+                    {
+                        id: contactsList.find(person => person.phoneNumber === phoneNumber)?.primary || '',
+                        name: contactsList.find(person => person.phoneNumber === phoneNumber)?.primary ||
+                            'Unknown',
+                        onEndCall: () => onEndCall(call.id)
+                    }
+                ]
+            };
+            setCalls([call]);
+            setCurrentStatus('not_available');
+        }} contactsList={contacts} onFavoriteToggle={(phoneNumber, favorite) => {
+            const element = contacts.find(item => item.phoneNumber === phoneNumber);
+            element.favorite = !favorite;
+            setContacts([...contacts]);
+        }}/>);
+};
+export const NewCallDemo = () => {
+    const [items, setItems] = useState(contactsList);
+    return (<CalleePicker heading='New call' contactsList={contactsList} onFavoriteToggle={(phoneNumber, favorite) => {
+            const element = items.find(item => item.phoneNumber === phoneNumber);
+            element.favorite = !favorite;
+            setItems([...items]);
+        }} onCall={phoneNumber => action('onCall')(phoneNumber)}/>);
+};
+//# sourceMappingURL=CallControlPanel.stories.jsx.map

package/lib/cs/CallControlPanel/CallControlPanel.stories.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"CallControlPanel.stories.jsx","sourceRoot":"","sources":["../../../src/cs/CallControlPanel/CallControlPanel.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { array, text } from '@storybook/addon-knobs';\nimport { action } from '@storybook/addon-actions';\nimport { useRef, useState } from 'react';\nimport { Meta, Story } from '@storybook/react';\n\nimport { createUID } from '@pega/cosmos-react-core';\nimport {\n  CallControlPanel,\n  CalleePicker,\n  CallProps,\n  UserAvailabilityStatusOption\n} from '@pega/cosmos-react-cs';\n\nimport { contactsList, transferReasons, userStatusOptions } from './CallControlPanel.mocks';\n\nexport default {\n  title: 'Customer Service/CallControlPanel',\n  component: CallControlPanel,\n  args: {\n    isDraggable: true\n  },\n  argTypes: {\n    isDraggable: { control: { type: 'boolean' } }\n  }\n} as Meta;\n\ninterface CallControlPanelStoryProps {\n  isDraggable?: boolean;\n  status?: UserAvailabilityStatusOption['id'];\n  onStatusChange?: (newStatus: UserAvailabilityStatusOption) => void;\n}\n\nexport const CallControlPanelDemo: Story<CallControlPanelStoryProps> = (\n  args: CallControlPanelStoryProps\n) => {\n  const [currentStatus, setCurrentStatus] = useState<UserAvailabilityStatusOption['id']>(\n    args.status || 'available'\n  );\n  const inStatusSince = useRef(Date.now());\n  const [calls, setCalls] = useState<CallProps[]>([]);\n  const slaConfig = array('SLA timeouts', ['30', '50']).map(Number);\n  const [contacts, setContacts] = useState(contactsList);\n  const [error, setError] = useState<string>();\n  const callsList = useRef(calls);\n  callsList.current = calls;\n\n  const onPauseToggle = (id: string) => {\n    const activeCallIndex = callsList.current.findIndex((call: CallProps) => call.id === id);\n    const activeCall = callsList.current[activeCallIndex];\n    callsList.current.splice(activeCallIndex, 1, {\n      ...activeCall,\n      onHoldSince: activeCall.onHoldSince === undefined ? Date.now() : undefined\n    });\n    setCalls([...callsList.current]);\n  };\n\n  const onMuteToggle = (id: string) => {\n    const activeCallIndex = callsList.current.findIndex((call: CallProps) => call.id === id);\n    const activeCall = callsList.current[activeCallIndex];\n    callsList.current.splice(activeCallIndex, 1, {\n      ...activeCall,\n      muted: !activeCall.muted\n    });\n    setCalls([...callsList.current]);\n  };\n\n  const onMergeCall = (id: string) => {\n    const activeCall = callsList.current.find((call: CallProps) => call.id === id);\n    if (!activeCall) return;\n    callsList.current.splice(0, 1, {\n      ...callsList.current[0],\n      participants: [...callsList.current[0].participants, ...activeCall.participants],\n      onHoldSince: undefined\n    });\n    setCalls([...callsList.current.filter(callId => callId.id !== id)]);\n  };\n\n  const onEndCall = (id: CallProps['id']) => {\n    const newList = callsList.current.filter(item => item.id !== id);\n    setCalls(newList);\n  };\n\n  const onConsultAction = (id: string, phoneNumber: string) => {\n    const caller = contactsList.find(person => person.phoneNumber === phoneNumber);\n    const consultCall: CallProps = {\n      id: createUID(),\n      startedAt: Date.now(),\n      onMergeCall,\n      transferOptions: transferReasons,\n      muted: false,\n      onMuteToggle,\n      onPauseToggle,\n      participants: [\n        {\n          name: caller?.primary || '',\n          info: caller?.secondary || '',\n          id: caller?.primary || '',\n          onEndCall: (callId, participantId) => {\n            // find consult call\n            const callIndex = callsList.current.findIndex(call => call.id === consultCall.id);\n            // end consult call if still exists\n            if (callIndex !== -1) onEndCall(callId);\n            else {\n              const activeCallIndex = callsList.current.findIndex(call => call.id === callId);\n              const activeCall = callsList.current[activeCallIndex];\n              callsList.current.splice(activeCallIndex, 1, {\n                ...activeCall,\n                participants: [\n                  ...activeCall.participants.filter(participant => participant.id === participantId)\n                ]\n              });\n              setCalls([...callsList.current]);\n            }\n          }\n        }\n      ]\n    };\n    const updatedCalls: CallProps[] = callsList.current.map((call: CallProps) => {\n      return { ...call, onHoldSince: Date.now() };\n    });\n    updatedCalls.push(consultCall);\n    setCalls(updatedCalls);\n  };\n\n  const onConferenceAction = (id: string, phoneNumber: string) => {\n    const caller = contactsList.find(person => person.phoneNumber === phoneNumber);\n    const conferenceCall: CallProps = {\n      id: createUID(),\n      startedAt: Date.now(),\n      onMergeCall,\n      transferOptions: transferReasons,\n      muted: false,\n      onMuteToggle,\n      onPauseToggle,\n      participants: [\n        {\n          name: caller?.primary || '',\n          info: caller?.secondary || '',\n          id: caller?.primary || '',\n          onEndCall: (callId, participantId) => {\n            // find conference call\n            const callIndex = callsList.current.findIndex(call => call.id === conferenceCall.id);\n            // end conference call if still exists\n            if (callIndex !== -1) onEndCall(callId);\n            else {\n              const activeCallIndex = callsList.current.findIndex(call => call.id === callId);\n              const activeCall = callsList.current[activeCallIndex];\n              callsList.current.splice(activeCallIndex, 1, {\n                ...activeCall,\n                participants: [\n                  ...activeCall.participants.filter(participant => participant.id === participantId)\n                ]\n              });\n              setCalls([...callsList.current]);\n            }\n          }\n        }\n      ]\n    };\n\n    callsList.current.splice(0, 1, {\n      ...callsList.current[0],\n      participants: [...callsList.current[0].participants, ...conferenceCall.participants],\n      onHoldSince: undefined\n    });\n    setCalls([...callsList.current.filter(callId => callId.id !== conferenceCall.id)]);\n  };\n\n  return (\n    <CallControlPanel\n      heading={text('Heading', 'Agent Smith')}\n      statusOptions={userStatusOptions as UserAvailabilityStatusOption[]}\n      status={currentStatus}\n      inStatusSince={inStatusSince.current}\n      onStatusChange={value => {\n        if (value === 'reconnecting') {\n          setError('You cannot set this status');\n          return;\n        }\n        setCurrentStatus(value);\n        args.onStatusChange?.(\n          userStatusOptions.find(s => s.id === value) as UserAvailabilityStatusOption\n        );\n      }}\n      message={error}\n      calls={calls}\n      draggable={args.isDraggable}\n      onAddCall={(phoneNumber: string) => {\n        const call: CallProps = {\n          id: createUID(),\n          startedAt: Date.now(),\n          slaConfig,\n          onConsultAction,\n          onConferenceAction,\n          transferOptions: transferReasons,\n          onTransferAction: (id, data) => {\n            action('onTransferAction')(id, data);\n            onEndCall(id);\n          },\n          muted: false,\n          onMuteToggle,\n          onPauseToggle,\n          onDTMFPress: action('onDTMFPress'),\n          participants: [\n            {\n              id: contactsList.find(person => person.phoneNumber === phoneNumber)?.primary || '',\n              name:\n                contactsList.find(person => person.phoneNumber === phoneNumber)?.primary ||\n                'Unknown',\n              onEndCall: () => onEndCall(call.id)\n            }\n          ]\n        };\n        setCalls([call]);\n        setCurrentStatus('not_available');\n      }}\n      contactsList={contacts}\n      onFavoriteToggle={(phoneNumber: string, favorite: boolean) => {\n        const element = contacts.find(item => item.phoneNumber === phoneNumber);\n        element!.favorite = !favorite;\n        setContacts([...contacts]);\n      }}\n    />\n  );\n};\n\nexport const NewCallDemo = () => {\n  const [items, setItems] = useState(contactsList);\n  return (\n    <CalleePicker\n      heading='New call'\n      contactsList={contactsList}\n      onFavoriteToggle={(phoneNumber: string, favorite: boolean) => {\n        const element = items.find(item => item.phoneNumber === phoneNumber);\n        element!.favorite = !favorite;\n        setItems([...items]);\n      }}\n      onCall={phoneNumber => action('onCall')(phoneNumber)}\n    />\n  );\n};\n"]}

package/lib/cs/DialPad/DialPad.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, Story } from '@storybook/react';
+import { DialPadKeyboardProps } from '@pega/cosmos-react-cs';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+interface DialPadDemoProps {
+    mode: DialPadKeyboardProps['mode'];
+}
+export declare const DialPadDemo: Story<DialPadDemoProps>;
+//# sourceMappingURL=DialPad.stories.d.ts.map

package/lib/cs/DialPad/DialPad.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialPad.stories.d.ts","sourceRoot":"","sources":["../../../src/cs/DialPad/DialPad.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAW,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;;AAEtE,wBAGU;AAEV,UAAU,gBAAgB;IACxB,IAAI,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAC;CACpC;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAU/C,CAAC"}

package/lib/cs/DialPad/DialPad.stories.jsx

@@ -0,0 +1,18 @@
+import { action } from '@storybook/addon-actions';
+import { DialPad } from '@pega/cosmos-react-cs';
+export default {
+    title: 'Customer Service/DialPad',
+    component: DialPad
+};
+export const DialPadDemo = (args) => {
+    return (<div style={{ maxWidth: '25rem' }}>
+      <DialPad onCallButtonClick={action('Call button clicked')} onDialButtonClick={charCode => action('Dial button clicked')(String.fromCharCode(charCode))} mode={args.mode}/>
+    </div>);
+};
+DialPadDemo.args = {
+    mode: 'default'
+};
+DialPadDemo.argTypes = {
+    mode: { options: ['default', 'DTMF'], control: { type: 'inline-radio' } }
+};
+//# sourceMappingURL=DialPad.stories.jsx.map

package/lib/cs/DialPad/DialPad.stories.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialPad.stories.jsx","sourceRoot":"","sources":["../../../src/cs/DialPad/DialPad.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAGlD,OAAO,EAAE,OAAO,EAAwB,MAAM,uBAAuB,CAAC;AAEtE,eAAe;IACb,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,OAAO;CACX,CAAC;AAMV,MAAM,CAAC,MAAM,WAAW,GAA4B,CAAC,IAAsB,EAAE,EAAE;IAC7E,OAAO,CACL,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAChC;MAAA,CAAC,OAAO,CACN,iBAAiB,CAAC,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,CACjD,iBAAiB,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,CAC5F,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAEpB;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,IAAI,GAAG;IACjB,IAAI,EAAE,SAAS;CAChB,CAAC;AAEF,WAAW,CAAC,QAAQ,GAAG;IACrB,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE;CAC1E,CAAC","sourcesContent":["import { action } from '@storybook/addon-actions';\nimport { Meta, Story } from '@storybook/react';\n\nimport { DialPad, DialPadKeyboardProps } from '@pega/cosmos-react-cs';\n\nexport default {\n  title: 'Customer Service/DialPad',\n  component: DialPad\n} as Meta;\n\ninterface DialPadDemoProps {\n  mode: DialPadKeyboardProps['mode'];\n}\n\nexport const DialPadDemo: Story<DialPadDemoProps> = (args: DialPadDemoProps) => {\n  return (\n    <div style={{ maxWidth: '25rem' }}>\n      <DialPad\n        onCallButtonClick={action('Call button clicked')}\n        onDialButtonClick={charCode => action('Dial button clicked')(String.fromCharCode(charCode))}\n        mode={args.mode}\n      />\n    </div>\n  );\n};\n\nDialPadDemo.args = {\n  mode: 'default'\n};\n\nDialPadDemo.argTypes = {\n  mode: { options: ['default', 'DTMF'], control: { type: 'inline-radio' } }\n};\n"]}

package/lib/cs/DialPad/DialPadKeyboardData.mock.d.ts

@@ -0,0 +1,11 @@
+export declare const dialPadKeysMock: {
+    key: string;
+    charCode: number;
+    buttonIndex: number;
+}[];
+export declare const defaultDialPadKeysMock: {
+    key: string;
+    charCode: number;
+    buttonIndex: number;
+}[];
+//# sourceMappingURL=DialPadKeyboardData.mock.d.ts.map

package/lib/cs/DialPad/DialPadKeyboardData.mock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialPadKeyboardData.mock.d.ts","sourceRoot":"","sources":["../../../src/cs/DialPad/DialPadKeyboardData.mock.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe;;;;GAc3B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;GAGlC,CAAC"}

package/lib/cs/DialPad/DialPadKeyboardData.mock.js

@@ -0,0 +1,20 @@
+export const dialPadKeysMock = [
+    { key: '1', charCode: 49, buttonIndex: 0 },
+    { key: '2', charCode: 50, buttonIndex: 1 },
+    { key: '3', charCode: 51, buttonIndex: 2 },
+    { key: '4', charCode: 52, buttonIndex: 3 },
+    { key: '5', charCode: 53, buttonIndex: 4 },
+    { key: '6', charCode: 54, buttonIndex: 5 },
+    { key: '7', charCode: 55, buttonIndex: 6 },
+    { key: '8', charCode: 56, buttonIndex: 7 },
+    { key: '9', charCode: 57, buttonIndex: 8 },
+    { key: '*', charCode: 42, buttonIndex: 9 },
+    { key: '0', charCode: 48, buttonIndex: 10 },
+    { key: '#', charCode: 35, buttonIndex: 11 },
+    { key: '+', charCode: 43, buttonIndex: 10 }
+];
+export const defaultDialPadKeysMock = [
+    ...dialPadKeysMock,
+    { key: 'Backspace', charCode: 127, buttonIndex: 12 }
+];
+//# sourceMappingURL=DialPadKeyboardData.mock.js.map

package/lib/cs/DialPad/DialPadKeyboardData.mock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialPadKeyboardData.mock.js","sourceRoot":"","sources":["../../../src/cs/DialPad/DialPadKeyboardData.mock.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE;IAC1C,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE;IAC1C,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE;IAC1C,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE;IAC1C,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE;IAC1C,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE;IAC1C,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE;IAC1C,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE;IAC1C,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE;IAC1C,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE;IAC1C,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE;IAC3C,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE;IAC3C,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE;CAC5C,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,GAAG,eAAe;IAClB,EAAE,GAAG,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,EAAE,WAAW,EAAE,EAAE,EAAE;CACrD,CAAC","sourcesContent":["export const dialPadKeysMock = [\n  { key: '1', charCode: 49, buttonIndex: 0 },\n  { key: '2', charCode: 50, buttonIndex: 1 },\n  { key: '3', charCode: 51, buttonIndex: 2 },\n  { key: '4', charCode: 52, buttonIndex: 3 },\n  { key: '5', charCode: 53, buttonIndex: 4 },\n  { key: '6', charCode: 54, buttonIndex: 5 },\n  { key: '7', charCode: 55, buttonIndex: 6 },\n  { key: '8', charCode: 56, buttonIndex: 7 },\n  { key: '9', charCode: 57, buttonIndex: 8 },\n  { key: '*', charCode: 42, buttonIndex: 9 },\n  { key: '0', charCode: 48, buttonIndex: 10 },\n  { key: '#', charCode: 35, buttonIndex: 11 },\n  { key: '+', charCode: 43, buttonIndex: 10 }\n];\n\nexport const defaultDialPadKeysMock = [\n  ...dialPadKeysMock,\n  { key: 'Backspace', charCode: 127, buttonIndex: 12 }\n];\n"]}

package/lib/cs/IntelligentGuidance/IntelligentGuidance.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { IntelligentGuidanceProps } from '@pega/cosmos-react-cs';
+declare const _default: {
+    title: string;
+    component: import("react").FunctionComponent<IntelligentGuidanceProps & import("@pega/cosmos-react-core").ForwardProps>;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const IntelligentGuidanceDemo: () => JSX.Element;
+export declare const CaseViewWithIntelligentGuidance: () => JSX.Element;
+//# sourceMappingURL=IntelligentGuidance.stories.d.ts.map

package/lib/cs/IntelligentGuidance/IntelligentGuidance.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntelligentGuidance.stories.d.ts","sourceRoot":"","sources":["../../../src/cs/IntelligentGuidance/IntelligentGuidance.stories.tsx"],"names":[],"mappings":";AAkBA,OAAO,EAML,wBAAwB,EACzB,MAAM,uBAAuB,CAAC;;;;;;;;AAgB/B,wBAME;AAEF,eAAO,MAAM,uBAAuB,mBA6BnC,CAAC;AAQF,eAAO,MAAM,+BAA+B,mBAuX3C,CAAC"}