@pega/cosmos-react-demos 4.0.0-dev.20.0 → 4.0.0-dev.22.0

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

@@ -1 +1 @@
-{"version":3,"file":"CallControlPanel.stories.js","sourceRoot":"","sources":["../../../src/cs/CallControlPanel/CallControlPanel.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { action } from '@storybook/addon-actions';\nimport { useEffect, useRef, useState } from 'react';\nimport { Meta, Story } from '@storybook/react';\nimport { lighten, readableColor } from 'polished';\n\nimport { createUID, tryCatch, useTheme } from '@pega/cosmos-react-core';\nimport {\n  CallControlPanel,\n  ExternalCTI,\n  CallProps,\n  IncomingCallProps,\n  CallParticipant,\n  TransferData,\n  UserAvailabilityStatusOption,\n  CallControlPanelProps\n} from '@pega/cosmos-react-cs';\n\nimport {\n  contactsList,\n  createExternalIframeContent,\n  ExternalStyles,\n  interactionOptions,\n  transferReasons,\n  userStatusOptions\n} from './CallControlPanel.mocks';\n\nexport default {\n  title: 'Customer Service/CallControlPanel',\n  component: CallControlPanel,\n  args: {\n    heading: 'Agent',\n    isDraggable: true,\n    showStatus: true\n  },\n  argTypes: {\n    heading: { control: { type: 'text' } },\n    isDraggable: { control: { type: 'boolean' } },\n    showStatus: { control: { type: 'boolean' } }\n  }\n} as Meta;\n\ninterface CallControlPanelStoryProps {\n  heading: string;\n  isDraggable?: boolean;\n  showStatus: boolean;\n  status?: UserAvailabilityStatusOption['id'];\n  onStatusChange?: (newStatus: UserAvailabilityStatusOption) => void;\n  visible?: CallControlPanelProps['visible'];\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 | IncomingCallProps)[]>([]);\n\n  const [contacts, setContacts] = useState(contactsList);\n  const callsList = useRef(calls);\n  callsList.current = calls;\n\n  const [showInteractionTransfer, setShowInteractionTransfer] = useState(false);\n\n  const onMuteToggle = (id: CallProps['id']) => {\n    const thisCallIndex = callsList.current.findIndex(call => call.id === id);\n    if (thisCallIndex < 0) return;\n    const thisCall = callsList.current[thisCallIndex];\n    callsList.current.splice(thisCallIndex, 1, {\n      ...thisCall,\n      muted: !(thisCall as CallProps).muted\n    });\n    setCalls([...callsList.current]);\n  };\n\n  const onMergeCall = (id: CallProps['id']) => {\n    const thisCall = callsList.current.find(call => call.id === id) as CallProps;\n    const activeCallIndex = callsList.current.findIndex(call => !(call as CallProps).onHoldSince);\n    const currentCall = callsList.current[activeCallIndex] as CallProps;\n\n    if (!thisCall || !activeCallIndex) return;\n    callsList.current.splice(activeCallIndex, 1, {\n      ...currentCall,\n      participants: [...currentCall.participants, ...thisCall.participants],\n      onHoldSince: undefined\n    });\n    setCalls([...callsList.current.filter(call => call.id !== id)]);\n  };\n\n  const onHandOffCall = (id: CallProps['id']) => {\n    setCalls([\n      ...callsList.current.filter(call => call.id !== id && (call as CallProps).onHoldSince)\n    ]);\n  };\n\n  const onPauseToggle = (id: CallProps['id']) => {\n    const thisCall = callsList.current.find(call => call.id === id);\n    if (!thisCall) return;\n    const wasPaused = !!(thisCall as CallProps).onHoldSince;\n    callsList.current = callsList.current.map(call => {\n      if (thisCall.id === call.id)\n        return {\n          ...call,\n          onHoldSince: wasPaused ? undefined : Date.now(),\n          onMergeCall: wasPaused ? onMergeCall : undefined,\n          onHandOffCall: wasPaused ? onHandOffCall : undefined\n        };\n      return {\n        ...call,\n        onPauseToggle: wasPaused ? undefined : onPauseToggle,\n        onMergeCall: wasPaused ? onMergeCall : undefined,\n        onHandOffCall: wasPaused ? onHandOffCall : undefined\n      };\n    });\n    setCalls([...callsList.current]);\n  };\n\n  const onEndCall = (id: CallProps['id']) => {\n    setCalls(callsList.current.filter(item => item.id !== id));\n    setCurrentStatus('available');\n  };\n\n  const onHangUp = (callId: CallProps['id'], participantId: CallParticipant['id']) => {\n    const currentCallIndex = callsList.current.findIndex(call => call.id === callId);\n    if (currentCallIndex < 0) return;\n    const currentCall = callsList.current[currentCallIndex] as CallProps;\n    callsList.current.splice(currentCallIndex, 1, {\n      ...currentCall,\n      participants: [\n        ...currentCall.participants.filter(participant => participant.id !== participantId)\n      ]\n    });\n    setCalls([...callsList.current]);\n  };\n\n  const onConferenceAction = (id: CallProps['id'], data: TransferData) => {\n    const caller = contactsList.find(person => person.phoneNumber === data.phoneNumber);\n    const conferenceCall: CallProps = {\n      id: createUID(),\n      startedAt: Date.now(),\n      onMergeCall,\n      transferOptions: transferReasons,\n      interactionOptions,\n      muted: false,\n      onMuteToggle,\n      onPauseToggle,\n      onHandOffCall,\n      onEndCall,\n      participants: [\n        {\n          name: caller?.primary || '',\n          info: caller?.secondary || '',\n          id: caller?.primary || '',\n          onHangUp\n        }\n      ]\n    };\n\n    const currentCall = callsList.current[0] as CallProps;\n    callsList.current.splice(0, 1, {\n      ...callsList.current[0],\n      participants: [...currentCall.participants, ...conferenceCall.participants],\n      onHoldSince: undefined\n    });\n    setCalls([...callsList.current.filter(call => call.id !== conferenceCall.id)]);\n  };\n\n  const onConsultAction = (id: CallProps['id'], data: TransferData) => {\n    const caller = contactsList.find(person => person.phoneNumber === data.phoneNumber);\n    const consultCall: CallProps = {\n      id: createUID(),\n      startedAt: Date.now(),\n      transferOptions: transferReasons,\n      muted: false,\n      onMuteToggle,\n      onPauseToggle,\n      onMergeCall,\n      onHandOffCall,\n      onDTMFPress: action('onDTMFPress'),\n      onTransferAction: (callId, transferData) => {\n        action('onTransferAction')(callId, transferData);\n        if (transferData.interaction) setShowInteractionTransfer(true);\n        onEndCall(id);\n      },\n      onConsultAction,\n      onConferenceAction,\n      onEndCall,\n      participants: [\n        {\n          name: caller?.primary || '',\n          info: caller?.secondary || '',\n          id: caller?.primary || '',\n          onHangUp\n        }\n      ]\n    };\n\n    const updatedCalls: (CallProps | IncomingCallProps)[] = callsList.current.map(call => {\n      return { ...call, onHoldSince: Date.now(), onMergeCall, onPauseToggle: undefined };\n    });\n    updatedCalls.push(consultCall);\n    setCalls(updatedCalls);\n  };\n\n  useEffect(() => {\n    const timeoutId = setTimeout(() => {\n      const caller = contactsList[0];\n      const consultCall: CallProps = {\n        id: createUID(),\n        startedAt: Date.now(),\n        transferOptions: transferReasons,\n        muted: false,\n        onMuteToggle,\n        onPauseToggle,\n        onMergeCall,\n        onHandOffCall,\n        onDTMFPress: action('onDTMFPress'),\n        onTransferAction: (callId, transferData) => {\n          action('onTransferAction')(callId, transferData);\n          if (transferData.interaction) setShowInteractionTransfer(true);\n          onEndCall(callId);\n        },\n        onConsultAction,\n        onConferenceAction,\n        onEndCall,\n        participants: [\n          {\n            name: caller?.primary || '',\n            info: caller?.secondary || '',\n            id: caller?.primary || '',\n            onHangUp\n          }\n        ]\n      };\n\n      const incomingCall: IncomingCallProps = {\n        id: createUID(),\n        onAcceptCall: () => {\n          setCalls([consultCall]);\n        },\n        participant: {\n          name: contactsList[0].primary,\n          info: contactsList[0].secondary,\n          id: contactsList[0].primary\n        }\n      };\n      setCalls([incomingCall, ...callsList.current]);\n    }, 4000);\n    return () => clearTimeout(timeoutId);\n  }, []);\n\n  return (\n    <CallControlPanel\n      visible={args.visible ?? true}\n      heading={args.heading}\n      userStatus={\n        args.showStatus\n          ? {\n              statusOptions: userStatusOptions,\n              status: currentStatus,\n              inStatusSince: inStatusSince.current,\n              onChange: value => {\n                setCurrentStatus(value);\n                args.onStatusChange?.(\n                  userStatusOptions.find(s => s.id === value) ?? userStatusOptions[0]\n                );\n              }\n            }\n          : undefined\n      }\n      interactionTransfer={\n        showInteractionTransfer\n          ? {\n              onCancel: () => setShowInteractionTransfer(false),\n              onComplete: () => setShowInteractionTransfer(false)\n            }\n          : undefined\n      }\n      calls={calls}\n      draggable={args.isDraggable}\n      onAddCall={(phoneNumber: string) => {\n        const call: CallProps = {\n          id: createUID(),\n          startedAt: Date.now(),\n          slaConfig: [30, 50],\n          onConsultAction,\n          onConferenceAction,\n          transferOptions: transferReasons,\n          defaultTransfer: transferReasons[1].id,\n          interactionOptions,\n          onTransferAction: (id, data) => {\n            action('onTransferAction')(id, data);\n            if (data.interaction) setShowInteractionTransfer(true);\n            onEndCall(id);\n          },\n          muted: false,\n          onMuteToggle,\n          onPauseToggle,\n          onMergeCall,\n          onDTMFPress: action('onDTMFPress'),\n          onEndCall: () => onEndCall(call.id),\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              onHangUp\n            }\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 ExternalCTIDemo: Story<CallControlPanelStoryProps & { applyAppStyling: boolean }> = (\n  args: CallControlPanelStoryProps & { applyAppStyling: boolean }\n) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [error, setError] = useState('');\n\n  const { base, components } = useTheme();\n\n  const styling: ExternalStyles | undefined = args.applyAppStyling\n    ? {\n        '--app-bg-color': base.palette['app-background'],\n        '--header-border-color': base.palette['secondary-background'],\n        '--text-color': base.palette['foreground-color'],\n        '--msg-me-bg-color': base.palette.interactive,\n        '--msg-me-text-color': tryCatch(() => readableColor(base.palette.interactive)),\n        '--msg-you-bg-color': base.palette['primary-background'],\n        '--msg-you-text-color': tryCatch(() => readableColor(base.palette['primary-background'])),\n        '--msg-border-radius': '16px',\n        '--button-text-color': tryCatch(() => readableColor(components.button.color)),\n        '--button-bg-color': components.button.color,\n        '--button-border-color': 'transparent',\n        '--button-border-radius': `calc(${components.button['border-radius']} * ${base['border-radius']})`,\n        '--button-hover-bg-color': tryCatch(() => lighten(0.1, components.button.color)),\n        '--button-height': components.input.height,\n        '--input-height': components.input.height,\n        '--input-background-color': components.input['background-color'],\n        '--input-text-color': base.palette['foreground-color'],\n        '--input-border-radius': `calc(0.5 * ${base['border-radius']})`,\n        '--input-focus-border-color': 'transparent',\n        '--input-focus-box-shadow': components.button['focus-shadow'],\n        '--footer-bg-color': base.palette['app-background']\n      }\n    : undefined;\n\n  useEffect(() => {\n    if (containerRef.current) {\n      containerRef.current.innerHTML = `\n        <iframe id='external-cti' srcdoc='${createExternalIframeContent(\n          styling\n        )}' width='100%' height='500px'></iframe>\n      `;\n    }\n  }, [containerRef.current, styling]);\n\n  return (\n    <ExternalCTI\n      heading={args.heading}\n      draggable={args.isDraggable}\n      visible={args.visible}\n      ref={containerRef}\n      attachInteractionProps={{\n        onAddInteraction: ({ comments }, { close }) => {\n          if (comments === 'error') {\n            setError('The service is currently unavailable');\n          } else {\n            close();\n          }\n        },\n        reasonOptions: transferReasons,\n        defaultInteraction: interactionOptions.find(({ id }) => id === '23254324')?.id,\n        interactionOptions,\n        heading: 'Attach interaction to call',\n        ...(error && {\n          message: {\n            variant: 'urgent',\n            messages: [error]\n          }\n        })\n      }}\n    />\n  );\n};\n\nExternalCTIDemo.args = {\n  heading: 'External CTI',\n  isDraggable: true,\n  applyAppStyling: false\n};\n\nExternalCTIDemo.argTypes = {\n  heading: { control: { type: 'text' } },\n  isDraggable: { control: { type: 'boolean' } },\n  applyAppStyling: { control: { type: 'boolean' } }\n};\n"]}
+{"version":3,"file":"CallControlPanel.stories.js","sourceRoot":"","sources":["../../../src/cs/CallControlPanel/CallControlPanel.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { action } from '@storybook/addon-actions';\nimport { useEffect, useRef, useState } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport { lighten, readableColor } from 'polished';\n\nimport { createUID, tryCatch, useTheme } from '@pega/cosmos-react-core';\nimport { CallControlPanel, ExternalCTI } from '@pega/cosmos-react-cs';\nimport type {\n  CallProps,\n  IncomingCallProps,\n  CallParticipant,\n  TransferData,\n  UserAvailabilityStatusOption,\n  CallControlPanelProps\n} from '@pega/cosmos-react-cs';\n\nimport {\n  contactsList,\n  createExternalIframeContent,\n  interactionOptions,\n  transferReasons,\n  userStatusOptions\n} from './CallControlPanel.mocks';\nimport type { ExternalStyles } from './CallControlPanel.mocks';\n\nexport default {\n  title: 'Customer Service/CallControlPanel',\n  component: CallControlPanel,\n  args: {\n    heading: 'Agent',\n    isDraggable: true,\n    showStatus: true\n  },\n  argTypes: {\n    heading: { control: { type: 'text' } },\n    isDraggable: { control: { type: 'boolean' } },\n    showStatus: { control: { type: 'boolean' } }\n  }\n} as Meta;\n\ninterface CallControlPanelStoryProps {\n  heading: string;\n  isDraggable?: boolean;\n  showStatus: boolean;\n  status?: UserAvailabilityStatusOption['id'];\n  onStatusChange?: (newStatus: UserAvailabilityStatusOption) => void;\n  visible?: CallControlPanelProps['visible'];\n}\n\nexport const CallControlPanelDemo: StoryFn<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 | IncomingCallProps)[]>([]);\n\n  const [contacts, setContacts] = useState(contactsList);\n  const callsList = useRef(calls);\n  callsList.current = calls;\n\n  const [showInteractionTransfer, setShowInteractionTransfer] = useState(false);\n\n  const onMuteToggle = (id: CallProps['id']) => {\n    const thisCallIndex = callsList.current.findIndex(call => call.id === id);\n    if (thisCallIndex < 0) return;\n    const thisCall = callsList.current[thisCallIndex];\n    callsList.current.splice(thisCallIndex, 1, {\n      ...thisCall,\n      muted: !(thisCall as CallProps).muted\n    });\n    setCalls([...callsList.current]);\n  };\n\n  const onMergeCall = (id: CallProps['id']) => {\n    const thisCall = callsList.current.find(call => call.id === id) as CallProps;\n    const activeCallIndex = callsList.current.findIndex(call => !(call as CallProps).onHoldSince);\n    const currentCall = callsList.current[activeCallIndex] as CallProps;\n\n    if (!thisCall || !activeCallIndex) return;\n    callsList.current.splice(activeCallIndex, 1, {\n      ...currentCall,\n      participants: [...currentCall.participants, ...thisCall.participants],\n      onHoldSince: undefined\n    });\n    setCalls([...callsList.current.filter(call => call.id !== id)]);\n  };\n\n  const onHandOffCall = (id: CallProps['id']) => {\n    setCalls([\n      ...callsList.current.filter(call => call.id !== id && (call as CallProps).onHoldSince)\n    ]);\n  };\n\n  const onPauseToggle = (id: CallProps['id']) => {\n    const thisCall = callsList.current.find(call => call.id === id);\n    if (!thisCall) return;\n    const wasPaused = !!(thisCall as CallProps).onHoldSince;\n    callsList.current = callsList.current.map(call => {\n      if (thisCall.id === call.id)\n        return {\n          ...call,\n          onHoldSince: wasPaused ? undefined : Date.now(),\n          onMergeCall: wasPaused ? onMergeCall : undefined,\n          onHandOffCall: wasPaused ? onHandOffCall : undefined\n        };\n      return {\n        ...call,\n        onPauseToggle: wasPaused ? undefined : onPauseToggle,\n        onMergeCall: wasPaused ? onMergeCall : undefined,\n        onHandOffCall: wasPaused ? onHandOffCall : undefined\n      };\n    });\n    setCalls([...callsList.current]);\n  };\n\n  const onEndCall = (id: CallProps['id']) => {\n    setCalls(callsList.current.filter(item => item.id !== id));\n    setCurrentStatus('available');\n  };\n\n  const onHangUp = (callId: CallProps['id'], participantId: CallParticipant['id']) => {\n    const currentCallIndex = callsList.current.findIndex(call => call.id === callId);\n    if (currentCallIndex < 0) return;\n    const currentCall = callsList.current[currentCallIndex] as CallProps;\n    callsList.current.splice(currentCallIndex, 1, {\n      ...currentCall,\n      participants: [\n        ...currentCall.participants.filter(participant => participant.id !== participantId)\n      ]\n    });\n    setCalls([...callsList.current]);\n  };\n\n  const onConferenceAction = (id: CallProps['id'], data: TransferData) => {\n    const caller = contactsList.find(person => person.phoneNumber === data.phoneNumber);\n    const conferenceCall: CallProps = {\n      id: createUID(),\n      startedAt: Date.now(),\n      onMergeCall,\n      transferOptions: transferReasons,\n      interactionOptions,\n      muted: false,\n      onMuteToggle,\n      onPauseToggle,\n      onHandOffCall,\n      onEndCall,\n      participants: [\n        {\n          name: caller?.primary || '',\n          info: caller?.secondary || '',\n          id: caller?.primary || '',\n          onHangUp\n        }\n      ]\n    };\n\n    const currentCall = callsList.current[0] as CallProps;\n    callsList.current.splice(0, 1, {\n      ...callsList.current[0],\n      participants: [...currentCall.participants, ...conferenceCall.participants],\n      onHoldSince: undefined\n    });\n    setCalls([...callsList.current.filter(call => call.id !== conferenceCall.id)]);\n  };\n\n  const onConsultAction = (id: CallProps['id'], data: TransferData) => {\n    const caller = contactsList.find(person => person.phoneNumber === data.phoneNumber);\n    const consultCall: CallProps = {\n      id: createUID(),\n      startedAt: Date.now(),\n      transferOptions: transferReasons,\n      muted: false,\n      onMuteToggle,\n      onPauseToggle,\n      onMergeCall,\n      onHandOffCall,\n      onDTMFPress: action('onDTMFPress'),\n      onTransferAction: (callId, transferData) => {\n        action('onTransferAction')(callId, transferData);\n        if (transferData.interaction) setShowInteractionTransfer(true);\n        onEndCall(id);\n      },\n      onConsultAction,\n      onConferenceAction,\n      onEndCall,\n      participants: [\n        {\n          name: caller?.primary || '',\n          info: caller?.secondary || '',\n          id: caller?.primary || '',\n          onHangUp\n        }\n      ]\n    };\n\n    const updatedCalls: (CallProps | IncomingCallProps)[] = callsList.current.map(call => {\n      return { ...call, onHoldSince: Date.now(), onMergeCall, onPauseToggle: undefined };\n    });\n    updatedCalls.push(consultCall);\n    setCalls(updatedCalls);\n  };\n\n  useEffect(() => {\n    const timeoutId = setTimeout(() => {\n      const caller = contactsList[0];\n      const consultCall: CallProps = {\n        id: createUID(),\n        startedAt: Date.now(),\n        transferOptions: transferReasons,\n        muted: false,\n        onMuteToggle,\n        onPauseToggle,\n        onMergeCall,\n        onHandOffCall,\n        onDTMFPress: action('onDTMFPress'),\n        onTransferAction: (callId, transferData) => {\n          action('onTransferAction')(callId, transferData);\n          if (transferData.interaction) setShowInteractionTransfer(true);\n          onEndCall(callId);\n        },\n        onConsultAction,\n        onConferenceAction,\n        onEndCall,\n        participants: [\n          {\n            name: caller?.primary || '',\n            info: caller?.secondary || '',\n            id: caller?.primary || '',\n            onHangUp\n          }\n        ]\n      };\n\n      const incomingCall: IncomingCallProps = {\n        id: createUID(),\n        onAcceptCall: () => {\n          setCalls([consultCall]);\n        },\n        participant: {\n          name: contactsList[0].primary,\n          info: contactsList[0].secondary,\n          id: contactsList[0].primary\n        }\n      };\n      setCalls([incomingCall, ...callsList.current]);\n    }, 4000);\n    return () => clearTimeout(timeoutId);\n  }, []);\n\n  return (\n    <CallControlPanel\n      visible={args.visible ?? true}\n      heading={args.heading}\n      userStatus={\n        args.showStatus\n          ? {\n              statusOptions: userStatusOptions,\n              status: currentStatus,\n              inStatusSince: inStatusSince.current,\n              onChange: value => {\n                setCurrentStatus(value);\n                args.onStatusChange?.(\n                  userStatusOptions.find(s => s.id === value) ?? userStatusOptions[0]\n                );\n              }\n            }\n          : undefined\n      }\n      interactionTransfer={\n        showInteractionTransfer\n          ? {\n              onCancel: () => setShowInteractionTransfer(false),\n              onComplete: () => setShowInteractionTransfer(false)\n            }\n          : undefined\n      }\n      calls={calls}\n      draggable={args.isDraggable}\n      onAddCall={(phoneNumber: string) => {\n        const call: CallProps = {\n          id: createUID(),\n          startedAt: Date.now(),\n          slaConfig: [30, 50],\n          onConsultAction,\n          onConferenceAction,\n          transferOptions: transferReasons,\n          defaultTransfer: transferReasons[1].id,\n          interactionOptions,\n          onTransferAction: (id, data) => {\n            action('onTransferAction')(id, data);\n            if (data.interaction) setShowInteractionTransfer(true);\n            onEndCall(id);\n          },\n          muted: false,\n          onMuteToggle,\n          onPauseToggle,\n          onMergeCall,\n          onDTMFPress: action('onDTMFPress'),\n          onEndCall: () => onEndCall(call.id),\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              onHangUp\n            }\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 ExternalCTIDemo: StoryFn<CallControlPanelStoryProps & { applyAppStyling: boolean }> = (\n  args: CallControlPanelStoryProps & { applyAppStyling: boolean }\n) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [error, setError] = useState('');\n\n  const { base, components } = useTheme();\n\n  const styling: ExternalStyles | undefined = args.applyAppStyling\n    ? {\n        '--app-bg-color': base.palette['app-background'],\n        '--header-border-color': base.palette['secondary-background'],\n        '--text-color': base.palette['foreground-color'],\n        '--msg-me-bg-color': base.palette.interactive,\n        '--msg-me-text-color': tryCatch(() => readableColor(base.palette.interactive)),\n        '--msg-you-bg-color': base.palette['primary-background'],\n        '--msg-you-text-color': tryCatch(() => readableColor(base.palette['primary-background'])),\n        '--msg-border-radius': '16px',\n        '--button-text-color': tryCatch(() => readableColor(components.button.color)),\n        '--button-bg-color': components.button.color,\n        '--button-border-color': 'transparent',\n        '--button-border-radius': `calc(${components.button['border-radius']} * ${base['border-radius']})`,\n        '--button-hover-bg-color': tryCatch(() => lighten(0.1, components.button.color)),\n        '--button-height': components.input.height,\n        '--input-height': components.input.height,\n        '--input-background-color': components.input['background-color'],\n        '--input-text-color': base.palette['foreground-color'],\n        '--input-border-radius': `calc(0.5 * ${base['border-radius']})`,\n        '--input-focus-border-color': 'transparent',\n        '--input-focus-box-shadow': components.button['focus-shadow'],\n        '--footer-bg-color': base.palette['app-background']\n      }\n    : undefined;\n\n  useEffect(() => {\n    if (containerRef.current) {\n      containerRef.current.innerHTML = `\n        <iframe id='external-cti' srcdoc='${createExternalIframeContent(\n          styling\n        )}' width='100%' height='500px'></iframe>\n      `;\n    }\n  }, [containerRef.current, styling]);\n\n  return (\n    <ExternalCTI\n      heading={args.heading}\n      draggable={args.isDraggable}\n      visible={args.visible}\n      ref={containerRef}\n      attachInteractionProps={{\n        onAddInteraction: ({ comments }, { close }) => {\n          if (comments === 'error') {\n            setError('The service is currently unavailable');\n          } else {\n            close();\n          }\n        },\n        reasonOptions: transferReasons,\n        defaultInteraction: interactionOptions.find(({ id }) => id === '23254324')?.id,\n        interactionOptions,\n        heading: 'Attach interaction to call',\n        ...(error && {\n          message: {\n            variant: 'urgent',\n            messages: [error]\n          }\n        })\n      }}\n    />\n  );\n};\n\nExternalCTIDemo.args = {\n  heading: 'External CTI',\n  isDraggable: true,\n  applyAppStyling: false\n};\n\nExternalCTIDemo.argTypes = {\n  heading: { control: { type: 'text' } },\n  isDraggable: { control: { type: 'boolean' } },\n  applyAppStyling: { control: { type: 'boolean' } }\n};\n"]}

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

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

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

@@ -1 +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;AAG/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,CAa/C,CAAC"}
+{"version":3,"file":"DialPad.stories.d.ts","sourceRoot":"","sources":["../../../src/cs/DialPad/DialPad.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAItD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;;AAElE,wBAGU;AAEV,UAAU,gBAAgB;IACxB,IAAI,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAC;CACpC;AAED,eAAO,MAAM,WAAW,EAAE,OAAO,CAAC,gBAAgB,CAajD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"DialPad.stories.js","sourceRoot":"","sources":["../../../src/cs/DialPad/DialPad.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,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,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEnD,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,YAC/B,KAAC,OAAO,IACN,KAAK,EAAE,WAAW,EAClB,WAAW,EAAE,MAAM,CAAC,qBAAqB,CAAC,EAC1C,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAE,IAAI,CAAC,IAAI,GACf,GACE,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';\nimport { useState } from '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  const [phoneNumber, setPhoneNumber] = useState('');\n\n  return (\n    <div style={{ maxWidth: '25rem' }}>\n      <DialPad\n        value={phoneNumber}\n        onCallClick={action('Call button clicked')}\n        onChange={setPhoneNumber}\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"]}
+{"version":3,"file":"DialPad.stories.js","sourceRoot":"","sources":["../../../src/cs/DialPad/DialPad.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAGhD,eAAe;IACb,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,OAAO;CACX,CAAC;AAMV,MAAM,CAAC,MAAM,WAAW,GAA8B,CAAC,IAAsB,EAAE,EAAE;IAC/E,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEnD,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,YAC/B,KAAC,OAAO,IACN,KAAK,EAAE,WAAW,EAClB,WAAW,EAAE,MAAM,CAAC,qBAAqB,CAAC,EAC1C,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAE,IAAI,CAAC,IAAI,GACf,GACE,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 type { Meta, StoryFn } from '@storybook/react';\nimport { useState } from 'react';\n\nimport { DialPad } from '@pega/cosmos-react-cs';\nimport type { 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: StoryFn<DialPadDemoProps> = (args: DialPadDemoProps) => {\n  const [phoneNumber, setPhoneNumber] = useState('');\n\n  return (\n    <div style={{ maxWidth: '25rem' }}>\n      <DialPad\n        value={phoneNumber}\n        onCallClick={action('Call button clicked')}\n        onChange={setPhoneNumber}\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/InteractionNotification/InteractionNotification.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta, Story } from '@storybook/react';
-declare const _default: Meta;
+import type { StoryFn } from '@storybook/react';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
 interface InteractionNotificationDemoProps {
     icon: string;
@@ -8,5 +8,5 @@ interface InteractionNotificationDemoProps {
     timerAvailable: boolean;
     answerTimeout: number;
 }
-export declare const InteractionNotificationDemo: Story<InteractionNotificationDemoProps>;
+export declare const InteractionNotificationDemo: StoryFn<InteractionNotificationDemoProps>;
 //# sourceMappingURL=InteractionNotification.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"InteractionNotification.stories.d.ts","sourceRoot":"","sources":["../../../src/cs/InteractionNotification/InteractionNotification.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;;AAM/C,wBAGU;AAEV,UAAU,gCAAgC;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,gCAAgC,CA+C/E,CAAC"}
+{"version":3,"file":"InteractionNotification.stories.d.ts","sourceRoot":"","sources":["../../../src/cs/InteractionNotification/InteractionNotification.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;;AAMtD,wBAGU;AAEV,UAAU,gCAAgC;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,2BAA2B,EAAE,OAAO,CAAC,gCAAgC,CA+CjF,CAAC"}

package/lib/cs/InteractionNotification/InteractionNotification.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"InteractionNotification.stories.js","sourceRoot":"","sources":["../../../src/cs/InteractionNotification/InteractionNotification.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErE,eAAe;IACb,KAAK,EAAE,0CAA0C;IACjD,SAAS,EAAE,uBAAuB;CAC3B,CAAC;AAUV,MAAM,CAAC,MAAM,2BAA2B,GAA4C,CAClF,IAAsC,EACtC,EAAE;IACF,MAAM,2BAA2B,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IACvD,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,CAAC;IAC9B,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,OAAO,CACL,KAAC,uBAAuB,IACtB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAC,eAAe,EACrB,WAAW,EAAC,YAAY,EACxB,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,MAAM,EAAE;YACN,OAAO,EAAE,SAAS;YAClB,IAAI,EAAE,4BAA4B;SACnC,EACD,MAAM,EAAE;YACN;gBACE,EAAE,EAAE,QAAQ;gBACZ,IAAI,EAAE,oBAAoB;gBAC1B,KAAK,EAAE,kBAAkB;aAC1B;YACD;gBACE,EAAE,EAAE,WAAW;gBACf,IAAI,EAAE,YAAY;gBAClB,KAAK,EAAE,GAAG;aACX;YACD;gBACE,EAAE,EAAE,iBAAiB;gBACrB,IAAI,EAAE,kBAAkB;gBACxB,KAAK,EAAE,IAAI,IAAI,EAAE,CAAC,kBAAkB,EAAE;aACvC;SACF,EACD,2BAA2B,EACzB,IAAI,CAAC,cAAc;YACjB,CAAC,CAAC;gBACE,SAAS,EAAE,2BAA2B,CAAC,OAAO;gBAC9C,aAAa,EAAE,IAAI,CAAC,aAAa;gBACjC,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,0BAA0B,CAAC,EAAE,CAAC;aACnE;YACH,CAAC,CAAC,SAAS,EAEf,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,EAC1B,SAAS,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,GAChE,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,2BAA2B,CAAC,IAAI,GAAG;IACjC,IAAI,EAAE,gBAAgB;IACtB,aAAa,EAAE,gBAAgB;IAC/B,gBAAgB,EAAE,IAAI;IACtB,cAAc,EAAE,IAAI;IACpB,aAAa,EAAE,EAAE;CAClB,CAAC;AAEF,2BAA2B,CAAC,QAAQ,GAAG;IACrC,IAAI,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;IAClE,aAAa,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IAC5C,gBAAgB,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAClD,cAAc,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAChD,aAAa,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;CAC/C,CAAC","sourcesContent":["import { action } from '@storybook/addon-actions';\nimport { Meta, Story } from '@storybook/react';\nimport { useRef } from 'react';\n\nimport { InteractionNotification } from '@pega/cosmos-react-cs';\nimport { icons, useI18n, useToaster } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Customer Service/InteractionNotification',\n  component: InteractionNotification\n} as Meta;\n\ninterface InteractionNotificationDemoProps {\n  icon: string;\n  secondaryText: string;\n  declineAvailable: boolean;\n  timerAvailable: boolean;\n  answerTimeout: number;\n}\n\nexport const InteractionNotificationDemo: Story<InteractionNotificationDemoProps> = (\n  args: InteractionNotificationDemoProps\n) => {\n  const incomingNotificationTimeout = useRef(Date.now());\n  const { push } = useToaster();\n  const t = useI18n();\n\n  return (\n    <InteractionNotification\n      icon={args.icon}\n      title='Incoming call'\n      primaryText='John Brown'\n      secondaryText={args.secondaryText}\n      status={{\n        variant: 'success',\n        text: 'VERIFIED PLATINUM CUSTOMER'\n      }}\n      fields={[\n        {\n          id: 'reason',\n          name: 'Reason for calling',\n          value: 'Billing question'\n        },\n        {\n          id: 'openCases',\n          name: 'Open cases',\n          value: '1'\n        },\n        {\n          id: 'lastInteraction',\n          name: 'Last interaction',\n          value: new Date().toLocaleDateString()\n        }\n      ]}\n      incomingNotificationTimeout={\n        args.timerAvailable\n          ? {\n              startTime: incomingNotificationTimeout.current,\n              answerTimeout: args.answerTimeout,\n              onTimerEnd: () => push({ content: t('interaction_time_expired') })\n            }\n          : undefined\n      }\n      onAccept={action('accept')}\n      onDecline={args.declineAvailable ? action('decline') : undefined}\n    />\n  );\n};\n\nInteractionNotificationDemo.args = {\n  icon: 'phone-in-solid',\n  secondaryText: '(123) 456-7890',\n  declineAvailable: true,\n  timerAvailable: true,\n  answerTimeout: 30\n};\n\nInteractionNotificationDemo.argTypes = {\n  icon: { options: icons, control: { type: 'select', icons: true } },\n  secondaryText: { options: { type: 'text' } },\n  declineAvailable: { options: { type: 'boolean' } },\n  timerAvailable: { options: { type: 'boolean' } },\n  answerTimeout: { options: { type: 'number' } }\n};\n"]}
+{"version":3,"file":"InteractionNotification.stories.js","sourceRoot":"","sources":["../../../src/cs/InteractionNotification/InteractionNotification.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErE,eAAe;IACb,KAAK,EAAE,0CAA0C;IACjD,SAAS,EAAE,uBAAuB;CAC3B,CAAC;AAUV,MAAM,CAAC,MAAM,2BAA2B,GAA8C,CACpF,IAAsC,EACtC,EAAE;IACF,MAAM,2BAA2B,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IACvD,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,CAAC;IAC9B,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,OAAO,CACL,KAAC,uBAAuB,IACtB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAC,eAAe,EACrB,WAAW,EAAC,YAAY,EACxB,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,MAAM,EAAE;YACN,OAAO,EAAE,SAAS;YAClB,IAAI,EAAE,4BAA4B;SACnC,EACD,MAAM,EAAE;YACN;gBACE,EAAE,EAAE,QAAQ;gBACZ,IAAI,EAAE,oBAAoB;gBAC1B,KAAK,EAAE,kBAAkB;aAC1B;YACD;gBACE,EAAE,EAAE,WAAW;gBACf,IAAI,EAAE,YAAY;gBAClB,KAAK,EAAE,GAAG;aACX;YACD;gBACE,EAAE,EAAE,iBAAiB;gBACrB,IAAI,EAAE,kBAAkB;gBACxB,KAAK,EAAE,IAAI,IAAI,EAAE,CAAC,kBAAkB,EAAE;aACvC;SACF,EACD,2BAA2B,EACzB,IAAI,CAAC,cAAc;YACjB,CAAC,CAAC;gBACE,SAAS,EAAE,2BAA2B,CAAC,OAAO;gBAC9C,aAAa,EAAE,IAAI,CAAC,aAAa;gBACjC,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,0BAA0B,CAAC,EAAE,CAAC;aACnE;YACH,CAAC,CAAC,SAAS,EAEf,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,EAC1B,SAAS,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,GAChE,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,2BAA2B,CAAC,IAAI,GAAG;IACjC,IAAI,EAAE,gBAAgB;IACtB,aAAa,EAAE,gBAAgB;IAC/B,gBAAgB,EAAE,IAAI;IACtB,cAAc,EAAE,IAAI;IACpB,aAAa,EAAE,EAAE;CAClB,CAAC;AAEF,2BAA2B,CAAC,QAAQ,GAAG;IACrC,IAAI,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;IAClE,aAAa,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IAC5C,gBAAgB,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAClD,cAAc,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAChD,aAAa,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;CAC/C,CAAC","sourcesContent":["import { action } from '@storybook/addon-actions';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport { useRef } from 'react';\n\nimport { InteractionNotification } from '@pega/cosmos-react-cs';\nimport { icons, useI18n, useToaster } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Customer Service/InteractionNotification',\n  component: InteractionNotification\n} as Meta;\n\ninterface InteractionNotificationDemoProps {\n  icon: string;\n  secondaryText: string;\n  declineAvailable: boolean;\n  timerAvailable: boolean;\n  answerTimeout: number;\n}\n\nexport const InteractionNotificationDemo: StoryFn<InteractionNotificationDemoProps> = (\n  args: InteractionNotificationDemoProps\n) => {\n  const incomingNotificationTimeout = useRef(Date.now());\n  const { push } = useToaster();\n  const t = useI18n();\n\n  return (\n    <InteractionNotification\n      icon={args.icon}\n      title='Incoming call'\n      primaryText='John Brown'\n      secondaryText={args.secondaryText}\n      status={{\n        variant: 'success',\n        text: 'VERIFIED PLATINUM CUSTOMER'\n      }}\n      fields={[\n        {\n          id: 'reason',\n          name: 'Reason for calling',\n          value: 'Billing question'\n        },\n        {\n          id: 'openCases',\n          name: 'Open cases',\n          value: '1'\n        },\n        {\n          id: 'lastInteraction',\n          name: 'Last interaction',\n          value: new Date().toLocaleDateString()\n        }\n      ]}\n      incomingNotificationTimeout={\n        args.timerAvailable\n          ? {\n              startTime: incomingNotificationTimeout.current,\n              answerTimeout: args.answerTimeout,\n              onTimerEnd: () => push({ content: t('interaction_time_expired') })\n            }\n          : undefined\n      }\n      onAccept={action('accept')}\n      onDecline={args.declineAvailable ? action('decline') : undefined}\n    />\n  );\n};\n\nInteractionNotificationDemo.args = {\n  icon: 'phone-in-solid',\n  secondaryText: '(123) 456-7890',\n  declineAvailable: true,\n  timerAvailable: true,\n  answerTimeout: 30\n};\n\nInteractionNotificationDemo.argTypes = {\n  icon: { options: icons, control: { type: 'select', icons: true } },\n  secondaryText: { options: { type: 'text' } },\n  declineAvailable: { options: { type: 'boolean' } },\n  timerAvailable: { options: { type: 'boolean' } },\n  answerTimeout: { options: { type: 'number' } }\n};\n"]}

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

@@ -1,11 +1,11 @@
-import { Meta, Story } from '@storybook/react';
-import { InteractionTimerProps } from '@pega/cosmos-react-cs';
-declare const _default: Meta;
+import type { StoryFn } from '@storybook/react';
+import type { InteractionTimerProps } from '@pega/cosmos-react-cs';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
 export interface InteractionTimerStoryProps extends InteractionTimerProps {
     id?: string;
     showTimer?: boolean;
     interactionType?: string;
 }
-export declare const InteractionTimerDemo: Story<InteractionTimerStoryProps>;
+export declare const InteractionTimerDemo: StoryFn<InteractionTimerStoryProps>;
 //# sourceMappingURL=InteractionTimer.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"InteractionTimer.stories.d.ts","sourceRoot":"","sources":["../../../src/cs/InteractionTimer/InteractionTimer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAAoB,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;;AAShF,wBAGU;AAEV,MAAM,WAAW,0BAA2B,SAAQ,qBAAqB;IACvE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,0BAA0B,CAsGlE,CAAC"}
+{"version":3,"file":"InteractionTimer.stories.d.ts","sourceRoot":"","sources":["../../../src/cs/InteractionTimer/InteractionTimer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAItD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;;AASnE,wBAGU;AAEV,MAAM,WAAW,0BAA2B,SAAQ,qBAAqB;IACvE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAC,0BAA0B,CAsGpE,CAAC"}

package/lib/cs/InteractionTimer/InteractionTimer.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"InteractionTimer.stories.js","sourceRoot":"","sources":["../../../src/cs/InteractionTimer/InteractionTimer.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Meta, Story } from '@storybook/react';\nimport { useEffect, useState } from 'react';\n\nimport { InteractionTimer, InteractionTimerProps } from '@pega/cosmos-react-cs';\nimport { icons, useLiveLog } from '@pega/cosmos-react-core';\n\nimport {\n  formatDuration,\n  InteractionTimerSLAMileStones,\n  InteractionTimerStages\n} from './InteractionTimer.mocks';\n\nexport default {\n  title: 'Customer Service/InteractionTimer',\n  component: InteractionTimer\n} as Meta;\n\nexport interface InteractionTimerStoryProps extends InteractionTimerProps {\n  id?: string;\n  showTimer?: boolean;\n  interactionType?: string;\n}\n\nexport const InteractionTimerDemo: Story<InteractionTimerStoryProps> = (\n  args: InteractionTimerStoryProps\n) => {\n  const [timerState, setTimerState] = useState<{\n    timer: string;\n    ariaLabel: string;\n    slaStage: InteractionTimerProps['sla'];\n    currentProgress: number;\n    hasNotifications: boolean;\n    slaAnnouncement: string;\n  }>({\n    slaAnnouncement: `${\n      args.interactionType ? `${args.interactionType}, ` : ''\n    }goal and 0 seconds passed`,\n    timer: '0:00',\n    slaStage: 'goal',\n    currentProgress: 0,\n    hasNotifications: false,\n    ariaLabel: ''\n  });\n  const { announcePolite } = useLiveLog();\n\n  useEffect(() => {\n    const latestCreatedAt = new Date().getTime();\n    const timerInterval =\n      args.showTimer &&\n      setInterval(() => {\n        const timeElapsed = (new Date().getTime() - latestCreatedAt) / 1000;\n        const currSlaStage = InteractionTimerSLAMileStones.reduce(\n          (prevValue, currValue, currentIndex, arr) => {\n            if (\n              timeElapsed >= currValue.from &&\n              (timeElapsed <= currValue.to || currentIndex === arr.length - 1)\n            ) {\n              return currentIndex;\n            }\n            return prevValue;\n          },\n          0\n        );\n\n        const hasNotifications = currSlaStage > 0;\n        const formattedDuration = formatDuration(timeElapsed);\n        setTimerState(prev => {\n          return {\n            ...prev,\n            timer: formattedDuration.visual,\n            ariaLabel: `${args.interactionType ? `${args.interactionType}, ` : ''}${\n              formattedDuration.ariaLabel\n            }`,\n            slaStage: InteractionTimerStages[currSlaStage],\n            currentProgress: Math.floor(\n              Math.min(\n                ((timeElapsed - InteractionTimerSLAMileStones[currSlaStage].from) * 100) /\n                  (InteractionTimerSLAMileStones[currSlaStage].to -\n                    InteractionTimerSLAMileStones[currSlaStage].from),\n                100\n              )\n            ),\n            hasNotifications\n          };\n        });\n      }, 1000);\n\n    const ariaInterval = setInterval(() => {\n      const timeElapsed = (new Date().getTime() - latestCreatedAt) / 1000;\n      const formattedDuration = formatDuration(timeElapsed);\n      setTimerState(prev => {\n        return {\n          ...prev,\n          slaAnnouncement: `${args.interactionType ? `${args.interactionType}, ` : ''}${\n            prev.slaStage\n          } and ${formattedDuration.ariaLabel}passed${\n            prev.hasNotifications ? ' with new notifications' : ''\n          }`\n        };\n      });\n    }, 15000);\n\n    if (timerInterval && ariaInterval)\n      return () => {\n        clearInterval(timerInterval);\n        clearInterval(ariaInterval);\n        setTimerState({ ...timerState, timer: '0:00' });\n      };\n  }, [args.hasNotifications, args.showTimer, args.interactionType]);\n\n  useEffect(() => {\n    if (timerState.slaAnnouncement) announcePolite({ message: timerState.slaAnnouncement });\n  }, [timerState.slaAnnouncement]);\n\n  return (\n    <InteractionTimer\n      id={args.id}\n      sla={args.showTimer ? timerState.slaStage : args.sla}\n      hasNotifications={args.hasNotifications ? timerState.hasNotifications : false}\n      icon={args.icon}\n      meta={args.showTimer ? timerState.timer : args.meta}\n      progress={timerState.currentProgress}\n      ariaLabel={timerState.ariaLabel}\n    />\n  );\n};\n\nInteractionTimerDemo.args = {\n  hasNotifications: true,\n  icon: 'chat-solid',\n  showTimer: true,\n  meta: 'QR',\n  interactionType: 'Chat interaction'\n};\n\nInteractionTimerDemo.argTypes = {\n  hasNotifications: { control: { type: 'boolean' } },\n  icon: { options: icons, control: { type: 'select', icons: true } },\n  showTimer: { control: { type: 'boolean' } },\n  meta: { control: { type: 'text' } },\n  interactionType: {\n    table: {\n      disable: true\n    }\n  }\n};\n"]}
+{"version":3,"file":"InteractionTimer.stories.js","sourceRoot":"","sources":["../../../src/cs/InteractionTimer/InteractionTimer.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useEffect, useState } from 'react';\n\nimport { InteractionTimer } from '@pega/cosmos-react-cs';\nimport type { InteractionTimerProps } from '@pega/cosmos-react-cs';\nimport { icons, useLiveLog } from '@pega/cosmos-react-core';\n\nimport {\n  formatDuration,\n  InteractionTimerSLAMileStones,\n  InteractionTimerStages\n} from './InteractionTimer.mocks';\n\nexport default {\n  title: 'Customer Service/InteractionTimer',\n  component: InteractionTimer\n} as Meta;\n\nexport interface InteractionTimerStoryProps extends InteractionTimerProps {\n  id?: string;\n  showTimer?: boolean;\n  interactionType?: string;\n}\n\nexport const InteractionTimerDemo: StoryFn<InteractionTimerStoryProps> = (\n  args: InteractionTimerStoryProps\n) => {\n  const [timerState, setTimerState] = useState<{\n    timer: string;\n    ariaLabel: string;\n    slaStage: InteractionTimerProps['sla'];\n    currentProgress: number;\n    hasNotifications: boolean;\n    slaAnnouncement: string;\n  }>({\n    slaAnnouncement: `${\n      args.interactionType ? `${args.interactionType}, ` : ''\n    }goal and 0 seconds passed`,\n    timer: '0:00',\n    slaStage: 'goal',\n    currentProgress: 0,\n    hasNotifications: false,\n    ariaLabel: ''\n  });\n  const { announcePolite } = useLiveLog();\n\n  useEffect(() => {\n    const latestCreatedAt = new Date().getTime();\n    const timerInterval =\n      args.showTimer &&\n      setInterval(() => {\n        const timeElapsed = (new Date().getTime() - latestCreatedAt) / 1000;\n        const currSlaStage = InteractionTimerSLAMileStones.reduce(\n          (prevValue, currValue, currentIndex, arr) => {\n            if (\n              timeElapsed >= currValue.from &&\n              (timeElapsed <= currValue.to || currentIndex === arr.length - 1)\n            ) {\n              return currentIndex;\n            }\n            return prevValue;\n          },\n          0\n        );\n\n        const hasNotifications = currSlaStage > 0;\n        const formattedDuration = formatDuration(timeElapsed);\n        setTimerState(prev => {\n          return {\n            ...prev,\n            timer: formattedDuration.visual,\n            ariaLabel: `${args.interactionType ? `${args.interactionType}, ` : ''}${\n              formattedDuration.ariaLabel\n            }`,\n            slaStage: InteractionTimerStages[currSlaStage],\n            currentProgress: Math.floor(\n              Math.min(\n                ((timeElapsed - InteractionTimerSLAMileStones[currSlaStage].from) * 100) /\n                  (InteractionTimerSLAMileStones[currSlaStage].to -\n                    InteractionTimerSLAMileStones[currSlaStage].from),\n                100\n              )\n            ),\n            hasNotifications\n          };\n        });\n      }, 1000);\n\n    const ariaInterval = setInterval(() => {\n      const timeElapsed = (new Date().getTime() - latestCreatedAt) / 1000;\n      const formattedDuration = formatDuration(timeElapsed);\n      setTimerState(prev => {\n        return {\n          ...prev,\n          slaAnnouncement: `${args.interactionType ? `${args.interactionType}, ` : ''}${\n            prev.slaStage\n          } and ${formattedDuration.ariaLabel}passed${\n            prev.hasNotifications ? ' with new notifications' : ''\n          }`\n        };\n      });\n    }, 15000);\n\n    if (timerInterval && ariaInterval)\n      return () => {\n        clearInterval(timerInterval);\n        clearInterval(ariaInterval);\n        setTimerState({ ...timerState, timer: '0:00' });\n      };\n  }, [args.hasNotifications, args.showTimer, args.interactionType]);\n\n  useEffect(() => {\n    if (timerState.slaAnnouncement) announcePolite({ message: timerState.slaAnnouncement });\n  }, [timerState.slaAnnouncement]);\n\n  return (\n    <InteractionTimer\n      id={args.id}\n      sla={args.showTimer ? timerState.slaStage : args.sla}\n      hasNotifications={args.hasNotifications ? timerState.hasNotifications : false}\n      icon={args.icon}\n      meta={args.showTimer ? timerState.timer : args.meta}\n      progress={timerState.currentProgress}\n      ariaLabel={timerState.ariaLabel}\n    />\n  );\n};\n\nInteractionTimerDemo.args = {\n  hasNotifications: true,\n  icon: 'chat-solid',\n  showTimer: true,\n  meta: 'QR',\n  interactionType: 'Chat interaction'\n};\n\nInteractionTimerDemo.argTypes = {\n  hasNotifications: { control: { type: 'boolean' } },\n  icon: { options: icons, control: { type: 'select', icons: true } },\n  showTimer: { control: { type: 'boolean' } },\n  meta: { control: { type: 'text' } },\n  interactionType: {\n    table: {\n      disable: true\n    }\n  }\n};\n"]}

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

@@ -1,11 +1,11 @@
-import { Meta, Story } from '@storybook/react';
-import { OmitStrict } from '@pega/cosmos-react-core';
-import { PickerProps } from '@pega/cosmos-react-cs/lib/components/Picker/Picker.types';
-declare const _default: Meta;
+import type { StoryFn } from '@storybook/react';
+import type { OmitStrict } from '@pega/cosmos-react-core';
+import type { PickerProps } from '@pega/cosmos-react-cs/lib/components/Picker/Picker.types';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
 export interface PickerStoryProps extends OmitStrict<PickerProps, 'selections'> {
     title?: string;
 }
-export declare const PickerDemo: Story<PickerStoryProps>;
-export declare const PickerInModal: Story<PickerStoryProps>;
+export declare const PickerDemo: StoryFn<PickerStoryProps>;
+export declare const PickerInModal: StoryFn<PickerStoryProps>;
 //# sourceMappingURL=Picker.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Picker.stories.d.ts","sourceRoot":"","sources":["../../../src/cs/Picker/Picker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAGL,UAAU,EAIX,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,0DAA0D,CAAC;;AAIvF,wBAeU;AAEV,MAAM,WAAW,gBAAiB,SAAQ,UAAU,CAAC,WAAW,EAAE,YAAY,CAAC;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,gBAAgB,CAgB9C,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,gBAAgB,CAuDjD,CAAC"}
+{"version":3,"file":"Picker.stories.d.ts","sourceRoot":"","sources":["../../../src/cs/Picker/Picker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGtD,OAAO,KAAK,EAAE,UAAU,EAAiB,MAAM,yBAAyB,CAAC;AAEzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0DAA0D,CAAC;;AAI5F,wBAeU;AAEV,MAAM,WAAW,gBAAiB,SAAQ,UAAU,CAAC,WAAW,EAAE,YAAY,CAAC;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,UAAU,EAAE,OAAO,CAAC,gBAAgB,CAgBhD,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,OAAO,CAAC,gBAAgB,CAuDnD,CAAC"}

package/lib/cs/Picker/Picker.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Picker.stories.js","sourceRoot":"","sources":["../../../src/cs/Picker/Picker.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useMemo, useState } from 'react';\nimport { Meta, Story } from '@storybook/react';\n\nimport {\n  Button,\n  Modal,\n  OmitStrict,\n  useModalManager,\n  useModalContext,\n  MenuItemProps\n} from '@pega/cosmos-react-core';\nimport { Picker } from '@pega/cosmos-react-cs';\nimport { PickerProps } from '@pega/cosmos-react-cs/lib/components/Picker/Picker.types';\n\nimport { TaskPickerMockData } from '../TaskManager/TaskManager.mocks';\n\nexport default {\n  title: 'Customer Service/Picker',\n  component: Picker,\n  args: {\n    title: 'Add customer inquiry',\n    contextualLabel: 'inquiries',\n    multiSelect: false,\n    reorderSelections: false\n  },\n  argTypes: {\n    title: { control: { type: 'text' } },\n    contextualLabel: { control: { type: 'text' } },\n    multiSelect: { control: { type: 'boolean' } },\n    reorderSelections: { control: { type: 'boolean' } }\n  }\n} as Meta;\n\nexport interface PickerStoryProps extends OmitStrict<PickerProps, 'selections'> {\n  title?: string;\n}\n\nexport const PickerDemo: Story<PickerStoryProps> = (args: PickerStoryProps) => {\n  const [selectedItems, setSelectedItems] = useState<MenuItemProps[]>([]);\n\n  const onSelectionChange = (items: MenuItemProps[]) => {\n    setSelectedItems(items);\n  };\n  return (\n    <Picker\n      items={TaskPickerMockData.tasks}\n      contextualLabel={args.contextualLabel}\n      reorderSelections={args.reorderSelections}\n      multiSelect={args.multiSelect}\n      onSelectionChange={onSelectionChange}\n      selections={selectedItems}\n    />\n  );\n};\n\nexport const PickerInModal: Story<PickerStoryProps> = (args: PickerStoryProps) => {\n  const MyModal = () => {\n    const { dismiss } = useModalContext();\n    const [selectedItems, setSelectedItems] = useState<MenuItemProps[]>([]);\n\n    const actions = useMemo(() => {\n      return (\n        <>\n          <Button onClick={dismiss}>Close</Button>\n          <Button\n            variant='primary'\n            onClick={() => {\n              dismiss();\n            }}\n            disabled={!selectedItems.length}\n          >\n            Save\n          </Button>\n        </>\n      );\n    }, [dismiss, selectedItems]);\n\n    return (\n      <Modal actions={actions} heading={args.title} onRequestDismiss={dismiss}>\n        <Picker\n          contextualLabel={args.contextualLabel}\n          items={TaskPickerMockData.tasks}\n          multiSelect={args.multiSelect}\n          reorderSelections={args.reorderSelections}\n          onSelectionChange={selections => {\n            setSelectedItems(selections);\n          }}\n          selections={selectedItems}\n        />\n      </Modal>\n    );\n  };\n\n  const ModalButton = () => {\n    const { create } = useModalManager();\n\n    return (\n      <Button\n        onClick={() => {\n          create(MyModal, undefined, {\n            onDismiss: () => {}\n          });\n        }}\n      >\n        Open Picker\n      </Button>\n    );\n  };\n\n  return <ModalButton />;\n};\n\nPickerInModal.args = {\n  multiSelect: true,\n  reorderSelections: false\n};\n"]}
+{"version":3,"file":"Picker.stories.js","sourceRoot":"","sources":["../../../src/cs/Picker/Picker.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useMemo, useState } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\n\nimport { Button, Modal, useModalManager, useModalContext } from '@pega/cosmos-react-core';\nimport type { OmitStrict, MenuItemProps } from '@pega/cosmos-react-core';\nimport { Picker } from '@pega/cosmos-react-cs';\nimport type { PickerProps } from '@pega/cosmos-react-cs/lib/components/Picker/Picker.types';\n\nimport { TaskPickerMockData } from '../TaskManager/TaskManager.mocks';\n\nexport default {\n  title: 'Customer Service/Picker',\n  component: Picker,\n  args: {\n    title: 'Add customer inquiry',\n    contextualLabel: 'inquiries',\n    multiSelect: false,\n    reorderSelections: false\n  },\n  argTypes: {\n    title: { control: { type: 'text' } },\n    contextualLabel: { control: { type: 'text' } },\n    multiSelect: { control: { type: 'boolean' } },\n    reorderSelections: { control: { type: 'boolean' } }\n  }\n} as Meta;\n\nexport interface PickerStoryProps extends OmitStrict<PickerProps, 'selections'> {\n  title?: string;\n}\n\nexport const PickerDemo: StoryFn<PickerStoryProps> = (args: PickerStoryProps) => {\n  const [selectedItems, setSelectedItems] = useState<MenuItemProps[]>([]);\n\n  const onSelectionChange = (items: MenuItemProps[]) => {\n    setSelectedItems(items);\n  };\n  return (\n    <Picker\n      items={TaskPickerMockData.tasks}\n      contextualLabel={args.contextualLabel}\n      reorderSelections={args.reorderSelections}\n      multiSelect={args.multiSelect}\n      onSelectionChange={onSelectionChange}\n      selections={selectedItems}\n    />\n  );\n};\n\nexport const PickerInModal: StoryFn<PickerStoryProps> = (args: PickerStoryProps) => {\n  const MyModal = () => {\n    const { dismiss } = useModalContext();\n    const [selectedItems, setSelectedItems] = useState<MenuItemProps[]>([]);\n\n    const actions = useMemo(() => {\n      return (\n        <>\n          <Button onClick={dismiss}>Close</Button>\n          <Button\n            variant='primary'\n            onClick={() => {\n              dismiss();\n            }}\n            disabled={!selectedItems.length}\n          >\n            Save\n          </Button>\n        </>\n      );\n    }, [dismiss, selectedItems]);\n\n    return (\n      <Modal actions={actions} heading={args.title} onRequestDismiss={dismiss}>\n        <Picker\n          contextualLabel={args.contextualLabel}\n          items={TaskPickerMockData.tasks}\n          multiSelect={args.multiSelect}\n          reorderSelections={args.reorderSelections}\n          onSelectionChange={selections => {\n            setSelectedItems(selections);\n          }}\n          selections={selectedItems}\n        />\n      </Modal>\n    );\n  };\n\n  const ModalButton = () => {\n    const { create } = useModalManager();\n\n    return (\n      <Button\n        onClick={() => {\n          create(MyModal, undefined, {\n            onDismiss: () => {}\n          });\n        }}\n      >\n        Open Picker\n      </Button>\n    );\n  };\n\n  return <ModalButton />;\n};\n\nPickerInModal.args = {\n  multiSelect: true,\n  reorderSelections: false\n};\n"]}

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

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-import { Meta, Story } from '@storybook/react';
-import { DialogueProps, TaskManagerProps, TaskProps } from '@pega/cosmos-react-cs';
-declare const _default: Meta;
+import type { ReactNode } from 'react';
+import type { StoryFn } from '@storybook/react';
+import type { DialogueProps, TaskManagerProps, TaskProps } from '@pega/cosmos-react-cs';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
 export interface TaskManagerStoryProps extends TaskManagerProps {
     initialTasks?: TaskProps[];
@@ -11,5 +11,5 @@ export interface TaskManagerStoryProps extends TaskManagerProps {
     rowGap?: number;
     verbatimStatus?: DialogueProps['verbatimStatus'];
 }
-export declare const TaskManagerDemo: Story<TaskManagerStoryProps>;
+export declare const TaskManagerDemo: StoryFn<TaskManagerStoryProps>;
 //# sourceMappingURL=TaskManager.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TaskManager.stories.d.ts","sourceRoot":"","sources":["../../../src/cs/TaskManager/TaskManager.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA2C,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAkB/C,OAAO,EACL,aAAa,EAEb,gBAAgB,EAChB,SAAS,EAEV,MAAM,uBAAuB,CAAC;;AAU/B,wBAGU;AAIV,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC7D,YAAY,CAAC,EAAE,SAAS,EAAE,CAAC;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,qBAAqB,CA2exD,CAAC"}
+{"version":3,"file":"TaskManager.stories.d.ts","sourceRoot":"","sources":["../../../src/cs/TaskManager/TaskManager.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAkBtD,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;;AAWxF,wBAGU;AAIV,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC7D,YAAY,CAAC,EAAE,SAAS,EAAE,CAAC;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,qBAAqB,CA2e1D,CAAC"}

package/lib/cs/TaskManager/TaskManager.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"TaskManager.stories.js","sourceRoot":"","sources":["../../../src/cs/TaskManager/TaskManager.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ReactNode, useEffect, useRef, useState, MouseEvent } from 'react';\nimport { action } from '@storybook/addon-actions';\nimport { Meta, Story } from '@storybook/react';\n\nimport {\n  Button,\n  createUID,\n  DateInput,\n  DateTimeInput,\n  Flex,\n  Form,\n  Grid,\n  Input,\n  MenuButton,\n  MenuItemProps,\n  StatusProps,\n  Text,\n  TimeInput\n} from '@pega/cosmos-react-core';\nimport { Timeline } from '@pega/cosmos-react-work';\nimport {\n  DialogueProps,\n  TaskManager,\n  TaskManagerProps,\n  TaskProps,\n  TaskView\n} from '@pega/cosmos-react-cs';\nimport { EntityList, EntityListProps } from '@pega/cosmos-react-social';\nimport { HandleValue } from '@pega/cosmos-react-cs/lib/components/TaskManager/TaskManager.types';\nimport { ContextMenuProps } from '@pega/cosmos-react-social/lib/components/Email/Email.types';\n\nimport { activity } from '../../work/Timeline/Timeline.mocks';\n\nimport { TaskPickerMockData, WrapUpTask, EntityListMock } from './TaskManager.mocks';\nimport { StyledStatus } from './TaskManager.styles';\n\nexport default {\n  title: 'Customer Service/TaskManager',\n  component: TaskManager\n} as Meta;\n\ntype TaskActions = 'cancel' | 'launch' | 'dismiss' | 'submit';\n\nexport interface TaskManagerStoryProps extends TaskManagerProps {\n  initialTasks?: TaskProps[];\n  main?: ReactNode;\n  serviceTasksEmpty?: boolean;\n  colGap?: number;\n  rowGap?: number;\n  verbatimStatus?: DialogueProps['verbatimStatus'];\n}\n\nexport const TaskManagerDemo: Story<TaskManagerStoryProps> = (args: TaskManagerStoryProps) => {\n  const [serviceTasks, setServiceTasks] = useState<TaskProps[]>(args.initialTasks || []);\n  const [isWrapUpTabVisible, setIsWrapUpTabVisible] = useState<boolean>(false);\n  const [disableWrapUp, setDisableWrapUp] = useState<boolean>(false);\n\n  const formActionsElemRef = useRef<HTMLButtonElement>(null);\n  const taskManagerRef = useRef<HTMLDivElement>(null);\n  const handle = useRef<HandleValue>(null);\n  const entityListTimeout = useRef<number>();\n  const [activeTaskId, setActiveTaskId] = useState<string | undefined>(undefined);\n\n  useEffect(() => {\n    handle.current?.nudge();\n    return () => {\n      window.clearTimeout(entityListTimeout.current);\n    };\n  }, []);\n\n  const switchTab = (taskList: TaskProps[], taskId?: TaskProps['id']) => {\n    if (taskList.filter(task => !task.hideFromTab).length <= 1) {\n      return isWrapUpTabVisible ? setActiveTaskId(WrapUpTask.id) : setActiveTaskId(undefined);\n    }\n    const taskIndex = taskList.findIndex(task => {\n      return task.id === taskId;\n    });\n\n    let nextTaskIndex = taskList.findIndex((task, i) => {\n      return i > taskIndex && !task.hideFromTab;\n    });\n\n    if (nextTaskIndex === -1) nextTaskIndex = taskList.findIndex(task => !task.hideFromTab);\n    setActiveTaskId(taskList[nextTaskIndex].id);\n  };\n\n  const performTaskAction = (taskId: string | undefined, taskAction: TaskActions) => {\n    if (taskId === WrapUpTask.id) {\n      if (taskAction === 'cancel') {\n        setIsWrapUpTabVisible(false);\n        const openTasks = serviceTasks.filter(task => !task.hideFromTab);\n        const lastTask = openTasks[openTasks.length - 1];\n        if (lastTask?.status?.text === 'Queued') {\n          setServiceTasks(prevTasks => {\n            return [\n              ...prevTasks.filter(task => task.id !== lastTask.id),\n              {\n                ...lastTask,\n                variant: 'In progress',\n                icon: 'clipboard',\n                status: {\n                  variant: 'pending',\n                  text: 'In progress'\n                }\n              }\n            ];\n          });\n        }\n        if (lastTask) {\n          setActiveTaskId(lastTask.id);\n        } else {\n          setActiveTaskId(undefined);\n        }\n        setDisableWrapUp(false);\n      } else if (taskAction === 'submit') {\n        setServiceTasks(prevTasks => {\n          return prevTasks\n            .filter(task => task?.status?.text !== 'Queued')\n            .map(task => {\n              if (task?.status?.text !== 'cancelled') {\n                return {\n                  ...task,\n                  isResolved: true,\n                  icon: 'check',\n                  hideFromTab: true,\n                  status: {\n                    variant: 'success' as StatusProps['variant'],\n                    text: 'Resolve-Completed'\n                  }\n                };\n              }\n              return task;\n            });\n        });\n        setIsWrapUpTabVisible(false);\n        setActiveTaskId(undefined);\n      } else if (taskAction === 'launch') {\n        setActiveTaskId(WrapUpTask.id);\n        setIsWrapUpTabVisible(true);\n      }\n    } else if (taskAction === 'launch') {\n      setActiveTaskId(taskId);\n      setServiceTasks(prevTasks => {\n        return prevTasks.map(task => {\n          if (task.id === taskId) {\n            const status = task?.status?.text === 'Queued' ? 'In progress' : task?.status?.text;\n            return {\n              ...task,\n              icon:\n                task.status?.text === 'Resolve-Completed' ||\n                task.status?.text === 'Resolve-Cancelled'\n                  ? 'check'\n                  : 'clipboard',\n              hideFromTab: false,\n              status: {\n                variant:\n                  (status === 'In progress'\n                    ? ('pending' as StatusProps['variant'])\n                    : task.status?.variant) || ('info' as StatusProps['variant']),\n                text: (status === 'In progress' ? 'In progress' : task.status?.text) || ''\n              }\n            };\n          }\n          return task;\n        });\n      });\n    } else if (taskAction === 'cancel') {\n      switchTab(serviceTasks, taskId);\n      const taskIndex = serviceTasks.findIndex(task => {\n        return task.id === taskId;\n      });\n      const nextTaskId =\n        taskIndex >= 0 && taskIndex < serviceTasks.length - 1 && serviceTasks[taskIndex + 1].id;\n      setServiceTasks(prevTasks => {\n        return prevTasks.map(task => {\n          if (task.id === taskId) {\n            return {\n              ...task,\n              hideFromTab: true\n            };\n          }\n\n          if (\n            task.id === nextTaskId &&\n            task?.status?.text !== 'Resolve-Completed' &&\n            task?.status?.text !== 'Resolve-Cancelled'\n          ) {\n            return {\n              ...task,\n              icon: 'clipboard',\n              status: {\n                variant: 'pending' as StatusProps['variant'],\n                text: 'In Progress'\n              }\n            };\n          }\n\n          return task;\n        });\n      });\n    } else if (taskAction === 'submit') {\n      const taskIndex = serviceTasks.findIndex(task => {\n        return task.id === taskId;\n      });\n      const nextTaskId =\n        taskIndex >= 0 && taskIndex < serviceTasks.length - 1 && serviceTasks[taskIndex + 1].id;\n      setServiceTasks(prevTasks => {\n        return prevTasks.map(task => {\n          if (task.id === taskId) {\n            return {\n              ...task,\n              icon: 'check',\n              isResolved: true,\n              hideFromTab: true,\n              status: {\n                variant: 'success' as StatusProps['variant'],\n                text: 'Resolve-Completed'\n              }\n            };\n          }\n          if (\n            task.id === nextTaskId &&\n            task?.status?.text !== 'Resolve-Completed' &&\n            task?.status?.text !== 'Resolve-Cancelled'\n          ) {\n            return {\n              ...task,\n              icon: 'clipboard',\n              status: {\n                variant: 'pending' as StatusProps['variant'],\n                text: 'In Progress'\n              }\n            };\n          }\n          return task;\n        });\n      });\n      switchTab(serviceTasks, taskId);\n    } else if (taskAction === 'dismiss') {\n      setServiceTasks(prevTasks => {\n        return prevTasks.filter(task => task.id !== taskId);\n      });\n    }\n  };\n\n  const renderTasks = (selections: MenuItemProps[]) => {\n    const newTasks: TaskProps[] = selections.map((selection, i) => {\n      const taskId = createUID();\n      if (i === 0) {\n        return {\n          id: taskId,\n          icon: 'nothing',\n          name: selection.primary,\n          secondary: [`S-${Math.floor(1000 + Math.random() * 9000)}`],\n          isResolved: false,\n          status: {\n            variant: 'pending' as StatusProps['variant'],\n            text: 'In Progress'\n          }\n        };\n      }\n      return {\n        id: taskId,\n        icon: 'clipboard',\n        name: selection.primary,\n        secondary: [`S-${Math.floor(1000 + Math.random() * 9000)}`],\n        isResolved: false,\n        status: {\n          variant: 'info' as StatusProps['variant'],\n          text: 'Queued'\n        }\n      };\n    });\n    setServiceTasks(prevTasks => {\n      return [...newTasks, ...prevTasks];\n    });\n    if (newTasks.length > 0) {\n      performTaskAction(newTasks[0].id, 'launch');\n    }\n    setDisableWrapUp(false);\n  };\n  const activeServiceTask: TaskProps =\n    (serviceTasks.find(task => task.id === activeTaskId) as TaskProps) || {};\n\n  // Preparing form fields from added task\n  const taskFields =\n    TaskPickerMockData.tasks\n      .flatMap(task => task.items ?? [])\n      .find(({ primary }) => primary === activeServiceTask?.name)?.fields ?? [];\n\n  const getFormElements = (readOnly: boolean) => {\n    const formElements = taskFields.map((field, i) => {\n      const lowerFieldName = field.toLocaleLowerCase();\n      /* eslint-disable react/no-array-index-key */\n      if (lowerFieldName.includes('date') && lowerFieldName.includes('time')) {\n        return <DateTimeInput readOnly={readOnly} label={field} key={i} />;\n      }\n      if (lowerFieldName.includes('date')) {\n        return <DateInput readOnly={readOnly} label={field} key={i} />;\n      }\n      if (lowerFieldName.includes('time')) {\n        return <TimeInput readOnly={readOnly} label={field} key={i} />;\n      }\n      return <Input readOnly={readOnly} label={field} key={i} />;\n      /* eslint-enable react/no-array-index-key */\n    });\n\n    return formElements.length <= 3 ? (\n      <>{formElements}</>\n    ) : (\n      <Grid\n        container={{\n          cols: 'repeat(2, 1fr)',\n          colGap: args.colGap,\n          rowGap: args.rowGap\n        }}\n      >\n        {formElements}\n      </Grid>\n    );\n  };\n\n  const handleLaunch = (id: string) => {\n    performTaskAction(id, 'launch');\n  };\n\n  const handleDismiss = (id: string) => {\n    performTaskAction(id, 'dismiss');\n  };\n\n  const getTaskName = (taskName: TaskProps['name']) => {\n    return taskName === 'Address change' ? 'Address change details' : taskName;\n  };\n\n  const entityListCtxMenuHandle: ContextMenuProps['handle'] = useRef(null);\n\n  const handleRightClick = (e: MouseEvent) => {\n    e.preventDefault();\n    entityListCtxMenuHandle.current?.setItems([]);\n    entityListCtxMenuHandle.current?.setLoading(true);\n    entityListCtxMenuHandle.current?.setOpen(true);\n    entityListTimeout.current = window.setTimeout(() => {\n      entityListCtxMenuHandle.current?.setLoading(false);\n      entityListCtxMenuHandle.current?.setItems([\n        {\n          id: 'item_0',\n          primary: 'Field 1',\n          selected: true\n        },\n        {\n          id: 'item_1',\n          primary: 'Field 2',\n          selected: true\n        },\n        {\n          id: 'item_2',\n          primary: 'Field 3',\n          selected: true\n        },\n        {\n          id: 'item_3',\n          primary: 'Field 4',\n          selected: true\n        }\n      ]);\n    }, 3000);\n  };\n\n  const [entityListMockData, setEntityListMock] = useState<EntityListProps['content']>([]);\n  const [count, setCount] = useState(0);\n  const entityListMock = (\n    <EntityList\n      content={entityListMockData}\n      contextMenu={{\n        onItemClick: action('onItemClick'),\n        onContextMenu: handleRightClick,\n        handle: entityListCtxMenuHandle\n      }}\n    />\n  );\n\n  const tasks = serviceTasks.map(task => {\n    if (task.id === activeTaskId) {\n      return {\n        ...task,\n        active: true\n      };\n    }\n    return task;\n  });\n\n  const wrapUp = {\n    disable: disableWrapUp,\n    onClick: () => {\n      performTaskAction(WrapUpTask.id, 'launch');\n      setDisableWrapUp(true);\n    },\n    active: activeTaskId === WrapUpTask.id,\n    showTab: isWrapUpTabVisible\n  };\n\n  const hasActiveTask = tasks.filter(task => task.active).length > 0 || !!wrapUp?.active;\n\n  useEffect(() => {\n    if (hasActiveTask) {\n      const interval = setInterval(() => {\n        setCount(prev => {\n          if (prev === EntityListMock.length - 1) {\n            clearInterval(interval);\n            return prev;\n          }\n          return prev + 1;\n        });\n      }, 3000);\n      return () => clearInterval(interval);\n    }\n  }, [hasActiveTask]);\n\n  useEffect(() => {\n    if (count > 0) setEntityListMock([...entityListMockData, EntityListMock[count - 1]]);\n  }, [count]);\n\n  return (\n    <TaskManager\n      conversationAI={\n        hasActiveTask\n          ? {\n              content: entityListMock,\n              entityCount: count\n            }\n          : undefined\n      }\n      ref={taskManagerRef}\n      handle={handle}\n      tasks={args.serviceTasksEmpty ? [] : tasks}\n      emptyText='No tasks added'\n      banner={{\n        icon: 'script',\n        content:\n          'Hi Ms. Ventura, I see that you are interested in changing your monthly due date, is that correct?',\n        verbatimStatus: args.verbatimStatus\n      }}\n      onTaskLaunch={args.onTaskLaunch || handleLaunch}\n      onTaskDismiss={args.onTaskDismiss || handleDismiss}\n      addTask={\n        args.addTask || {\n          items: TaskPickerMockData.tasks,\n          onAdd: renderTasks\n        }\n      }\n      wrapUp={args.wrapUp || wrapUp}\n      main={\n        args.main || (\n          <TaskView\n            header={\n              <Flex container={{ justify: 'start', gap: 1, alignItems: 'center' }}>\n                <Text variant='h3'>\n                  {activeTaskId === WrapUpTask.id\n                    ? WrapUpTask.name\n                    : getTaskName(activeServiceTask?.name as TaskProps['name'])}\n                </Text>\n                <StyledStatus\n                  variant={\n                    activeTaskId === WrapUpTask.id\n                      ? WrapUpTask.variant\n                      : (activeServiceTask.status &&\n                          (activeServiceTask.status?.variant as StatusProps['variant'])) ||\n                        'info'\n                  }\n                >\n                  {activeTaskId === WrapUpTask.id\n                    ? WrapUpTask.status\n                    : activeServiceTask.status && activeServiceTask!.status!.text}\n                </StyledStatus>\n              </Flex>\n            }\n            actions={\n              <MenuButton\n                ref={formActionsElemRef}\n                menu={{\n                  items: ['Close task', 'Dismiss task', 'Resolve task'].map(name => ({\n                    primary: name,\n                    id: name,\n                    onClick: action(`Clicked ${name}`)\n                  }))\n                }}\n                text='Actions'\n              />\n            }\n          >\n            <Form\n              id='forming'\n              actions={\n                activeServiceTask?.isResolved ? (\n                  <Flex container={{ justify: 'end' }} item={{ grow: 1 }}>\n                    <Button\n                      name='Close'\n                      variant='primary'\n                      onClick={() => {\n                        performTaskAction(activeTaskId, 'cancel');\n                      }}\n                    >\n                      Close\n                    </Button>\n                  </Flex>\n                ) : (\n                  <>\n                    <Button\n                      name='Cancel'\n                      onClick={() => {\n                        performTaskAction(activeTaskId, 'cancel');\n                      }}\n                    >\n                      Cancel\n                    </Button>\n                    <div>\n                      <Button\n                        name='Submit'\n                        variant='primary'\n                        onClick={() => {\n                          performTaskAction(activeTaskId, 'submit');\n                        }}\n                      >\n                        Submit\n                      </Button>\n                    </div>\n                  </>\n                )\n              }\n            >\n              <Grid container={{ rowGap: 2 }}>\n                {activeTaskId === WrapUpTask.id ? (\n                  <Timeline activity={activity} currentTime={new Date()} />\n                ) : (\n                  getFormElements(activeServiceTask?.isResolved || false)\n                )}\n              </Grid>\n            </Form>\n          </TaskView>\n        )\n      }\n    />\n  );\n};\n\nTaskManagerDemo.args = {\n  serviceTasksEmpty: false,\n  colGap: 2,\n  rowGap: 2,\n  verbatimStatus: 'pending'\n};\n\nTaskManagerDemo.argTypes = {\n  serviceTasksEmpty: { control: { type: 'boolean' } },\n  colGap: { control: { type: 'number' } },\n  rowGap: { control: { type: 'number' } },\n  verbatimStatus: {\n    options: ['pending', 'spoken', undefined],\n    control: { type: 'select' }\n  }\n};\n"]}
+{"version":3,"file":"TaskManager.stories.js","sourceRoot":"","sources":["../../../src/cs/TaskManager/TaskManager.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport type { ReactNode, MouseEvent } from 'react';\nimport { action } from '@storybook/addon-actions';\nimport type { Meta, StoryFn } from '@storybook/react';\n\nimport {\n  Button,\n  createUID,\n  DateInput,\n  DateTimeInput,\n  Flex,\n  Form,\n  Grid,\n  Input,\n  MenuButton,\n  Text,\n  TimeInput\n} from '@pega/cosmos-react-core';\nimport type { MenuItemProps, StatusProps } from '@pega/cosmos-react-core';\nimport { Timeline } from '@pega/cosmos-react-work';\nimport { TaskManager, TaskView } from '@pega/cosmos-react-cs';\nimport type { DialogueProps, TaskManagerProps, TaskProps } from '@pega/cosmos-react-cs';\nimport { EntityList } from '@pega/cosmos-react-social';\nimport type { EntityListProps } from '@pega/cosmos-react-social';\nimport type { HandleValue } from '@pega/cosmos-react-cs/lib/components/TaskManager/TaskManager.types';\nimport type { ContextMenuProps } from '@pega/cosmos-react-social/lib/components/Email/Email.types';\n\nimport { activity } from '../../work/Timeline/Timeline.mocks';\n\nimport { TaskPickerMockData, WrapUpTask, EntityListMock } from './TaskManager.mocks';\nimport { StyledStatus } from './TaskManager.styles';\n\nexport default {\n  title: 'Customer Service/TaskManager',\n  component: TaskManager\n} as Meta;\n\ntype TaskActions = 'cancel' | 'launch' | 'dismiss' | 'submit';\n\nexport interface TaskManagerStoryProps extends TaskManagerProps {\n  initialTasks?: TaskProps[];\n  main?: ReactNode;\n  serviceTasksEmpty?: boolean;\n  colGap?: number;\n  rowGap?: number;\n  verbatimStatus?: DialogueProps['verbatimStatus'];\n}\n\nexport const TaskManagerDemo: StoryFn<TaskManagerStoryProps> = (args: TaskManagerStoryProps) => {\n  const [serviceTasks, setServiceTasks] = useState<TaskProps[]>(args.initialTasks || []);\n  const [isWrapUpTabVisible, setIsWrapUpTabVisible] = useState<boolean>(false);\n  const [disableWrapUp, setDisableWrapUp] = useState<boolean>(false);\n\n  const formActionsElemRef = useRef<HTMLButtonElement>(null);\n  const taskManagerRef = useRef<HTMLDivElement>(null);\n  const handle = useRef<HandleValue>(null);\n  const entityListTimeout = useRef<number>();\n  const [activeTaskId, setActiveTaskId] = useState<string | undefined>(undefined);\n\n  useEffect(() => {\n    handle.current?.nudge();\n    return () => {\n      window.clearTimeout(entityListTimeout.current);\n    };\n  }, []);\n\n  const switchTab = (taskList: TaskProps[], taskId?: TaskProps['id']) => {\n    if (taskList.filter(task => !task.hideFromTab).length <= 1) {\n      return isWrapUpTabVisible ? setActiveTaskId(WrapUpTask.id) : setActiveTaskId(undefined);\n    }\n    const taskIndex = taskList.findIndex(task => {\n      return task.id === taskId;\n    });\n\n    let nextTaskIndex = taskList.findIndex((task, i) => {\n      return i > taskIndex && !task.hideFromTab;\n    });\n\n    if (nextTaskIndex === -1) nextTaskIndex = taskList.findIndex(task => !task.hideFromTab);\n    setActiveTaskId(taskList[nextTaskIndex].id);\n  };\n\n  const performTaskAction = (taskId: string | undefined, taskAction: TaskActions) => {\n    if (taskId === WrapUpTask.id) {\n      if (taskAction === 'cancel') {\n        setIsWrapUpTabVisible(false);\n        const openTasks = serviceTasks.filter(task => !task.hideFromTab);\n        const lastTask = openTasks[openTasks.length - 1];\n        if (lastTask?.status?.text === 'Queued') {\n          setServiceTasks(prevTasks => {\n            return [\n              ...prevTasks.filter(task => task.id !== lastTask.id),\n              {\n                ...lastTask,\n                variant: 'In progress',\n                icon: 'clipboard',\n                status: {\n                  variant: 'pending',\n                  text: 'In progress'\n                }\n              }\n            ];\n          });\n        }\n        if (lastTask) {\n          setActiveTaskId(lastTask.id);\n        } else {\n          setActiveTaskId(undefined);\n        }\n        setDisableWrapUp(false);\n      } else if (taskAction === 'submit') {\n        setServiceTasks(prevTasks => {\n          return prevTasks\n            .filter(task => task?.status?.text !== 'Queued')\n            .map(task => {\n              if (task?.status?.text !== 'cancelled') {\n                return {\n                  ...task,\n                  isResolved: true,\n                  icon: 'check',\n                  hideFromTab: true,\n                  status: {\n                    variant: 'success' as StatusProps['variant'],\n                    text: 'Resolve-Completed'\n                  }\n                };\n              }\n              return task;\n            });\n        });\n        setIsWrapUpTabVisible(false);\n        setActiveTaskId(undefined);\n      } else if (taskAction === 'launch') {\n        setActiveTaskId(WrapUpTask.id);\n        setIsWrapUpTabVisible(true);\n      }\n    } else if (taskAction === 'launch') {\n      setActiveTaskId(taskId);\n      setServiceTasks(prevTasks => {\n        return prevTasks.map(task => {\n          if (task.id === taskId) {\n            const status = task?.status?.text === 'Queued' ? 'In progress' : task?.status?.text;\n            return {\n              ...task,\n              icon:\n                task.status?.text === 'Resolve-Completed' ||\n                task.status?.text === 'Resolve-Cancelled'\n                  ? 'check'\n                  : 'clipboard',\n              hideFromTab: false,\n              status: {\n                variant:\n                  (status === 'In progress'\n                    ? ('pending' as StatusProps['variant'])\n                    : task.status?.variant) || ('info' as StatusProps['variant']),\n                text: (status === 'In progress' ? 'In progress' : task.status?.text) || ''\n              }\n            };\n          }\n          return task;\n        });\n      });\n    } else if (taskAction === 'cancel') {\n      switchTab(serviceTasks, taskId);\n      const taskIndex = serviceTasks.findIndex(task => {\n        return task.id === taskId;\n      });\n      const nextTaskId =\n        taskIndex >= 0 && taskIndex < serviceTasks.length - 1 && serviceTasks[taskIndex + 1].id;\n      setServiceTasks(prevTasks => {\n        return prevTasks.map(task => {\n          if (task.id === taskId) {\n            return {\n              ...task,\n              hideFromTab: true\n            };\n          }\n\n          if (\n            task.id === nextTaskId &&\n            task?.status?.text !== 'Resolve-Completed' &&\n            task?.status?.text !== 'Resolve-Cancelled'\n          ) {\n            return {\n              ...task,\n              icon: 'clipboard',\n              status: {\n                variant: 'pending' as StatusProps['variant'],\n                text: 'In Progress'\n              }\n            };\n          }\n\n          return task;\n        });\n      });\n    } else if (taskAction === 'submit') {\n      const taskIndex = serviceTasks.findIndex(task => {\n        return task.id === taskId;\n      });\n      const nextTaskId =\n        taskIndex >= 0 && taskIndex < serviceTasks.length - 1 && serviceTasks[taskIndex + 1].id;\n      setServiceTasks(prevTasks => {\n        return prevTasks.map(task => {\n          if (task.id === taskId) {\n            return {\n              ...task,\n              icon: 'check',\n              isResolved: true,\n              hideFromTab: true,\n              status: {\n                variant: 'success' as StatusProps['variant'],\n                text: 'Resolve-Completed'\n              }\n            };\n          }\n          if (\n            task.id === nextTaskId &&\n            task?.status?.text !== 'Resolve-Completed' &&\n            task?.status?.text !== 'Resolve-Cancelled'\n          ) {\n            return {\n              ...task,\n              icon: 'clipboard',\n              status: {\n                variant: 'pending' as StatusProps['variant'],\n                text: 'In Progress'\n              }\n            };\n          }\n          return task;\n        });\n      });\n      switchTab(serviceTasks, taskId);\n    } else if (taskAction === 'dismiss') {\n      setServiceTasks(prevTasks => {\n        return prevTasks.filter(task => task.id !== taskId);\n      });\n    }\n  };\n\n  const renderTasks = (selections: MenuItemProps[]) => {\n    const newTasks: TaskProps[] = selections.map((selection, i) => {\n      const taskId = createUID();\n      if (i === 0) {\n        return {\n          id: taskId,\n          icon: 'nothing',\n          name: selection.primary,\n          secondary: [`S-${Math.floor(1000 + Math.random() * 9000)}`],\n          isResolved: false,\n          status: {\n            variant: 'pending' as StatusProps['variant'],\n            text: 'In Progress'\n          }\n        };\n      }\n      return {\n        id: taskId,\n        icon: 'clipboard',\n        name: selection.primary,\n        secondary: [`S-${Math.floor(1000 + Math.random() * 9000)}`],\n        isResolved: false,\n        status: {\n          variant: 'info' as StatusProps['variant'],\n          text: 'Queued'\n        }\n      };\n    });\n    setServiceTasks(prevTasks => {\n      return [...newTasks, ...prevTasks];\n    });\n    if (newTasks.length > 0) {\n      performTaskAction(newTasks[0].id, 'launch');\n    }\n    setDisableWrapUp(false);\n  };\n  const activeServiceTask: TaskProps =\n    (serviceTasks.find(task => task.id === activeTaskId) as TaskProps) || {};\n\n  // Preparing form fields from added task\n  const taskFields =\n    TaskPickerMockData.tasks\n      .flatMap(task => task.items ?? [])\n      .find(({ primary }) => primary === activeServiceTask?.name)?.fields ?? [];\n\n  const getFormElements = (readOnly: boolean) => {\n    const formElements = taskFields.map((field, i) => {\n      const lowerFieldName = field.toLocaleLowerCase();\n      /* eslint-disable react/no-array-index-key */\n      if (lowerFieldName.includes('date') && lowerFieldName.includes('time')) {\n        return <DateTimeInput readOnly={readOnly} label={field} key={i} />;\n      }\n      if (lowerFieldName.includes('date')) {\n        return <DateInput readOnly={readOnly} label={field} key={i} />;\n      }\n      if (lowerFieldName.includes('time')) {\n        return <TimeInput readOnly={readOnly} label={field} key={i} />;\n      }\n      return <Input readOnly={readOnly} label={field} key={i} />;\n      /* eslint-enable react/no-array-index-key */\n    });\n\n    return formElements.length <= 3 ? (\n      <>{formElements}</>\n    ) : (\n      <Grid\n        container={{\n          cols: 'repeat(2, 1fr)',\n          colGap: args.colGap,\n          rowGap: args.rowGap\n        }}\n      >\n        {formElements}\n      </Grid>\n    );\n  };\n\n  const handleLaunch = (id: string) => {\n    performTaskAction(id, 'launch');\n  };\n\n  const handleDismiss = (id: string) => {\n    performTaskAction(id, 'dismiss');\n  };\n\n  const getTaskName = (taskName: TaskProps['name']) => {\n    return taskName === 'Address change' ? 'Address change details' : taskName;\n  };\n\n  const entityListCtxMenuHandle: ContextMenuProps['handle'] = useRef(null);\n\n  const handleRightClick = (e: MouseEvent) => {\n    e.preventDefault();\n    entityListCtxMenuHandle.current?.setItems([]);\n    entityListCtxMenuHandle.current?.setLoading(true);\n    entityListCtxMenuHandle.current?.setOpen(true);\n    entityListTimeout.current = window.setTimeout(() => {\n      entityListCtxMenuHandle.current?.setLoading(false);\n      entityListCtxMenuHandle.current?.setItems([\n        {\n          id: 'item_0',\n          primary: 'Field 1',\n          selected: true\n        },\n        {\n          id: 'item_1',\n          primary: 'Field 2',\n          selected: true\n        },\n        {\n          id: 'item_2',\n          primary: 'Field 3',\n          selected: true\n        },\n        {\n          id: 'item_3',\n          primary: 'Field 4',\n          selected: true\n        }\n      ]);\n    }, 3000);\n  };\n\n  const [entityListMockData, setEntityListMock] = useState<EntityListProps['content']>([]);\n  const [count, setCount] = useState(0);\n  const entityListMock = (\n    <EntityList\n      content={entityListMockData}\n      contextMenu={{\n        onItemClick: action('onItemClick'),\n        onContextMenu: handleRightClick,\n        handle: entityListCtxMenuHandle\n      }}\n    />\n  );\n\n  const tasks = serviceTasks.map(task => {\n    if (task.id === activeTaskId) {\n      return {\n        ...task,\n        active: true\n      };\n    }\n    return task;\n  });\n\n  const wrapUp = {\n    disable: disableWrapUp,\n    onClick: () => {\n      performTaskAction(WrapUpTask.id, 'launch');\n      setDisableWrapUp(true);\n    },\n    active: activeTaskId === WrapUpTask.id,\n    showTab: isWrapUpTabVisible\n  };\n\n  const hasActiveTask = tasks.filter(task => task.active).length > 0 || !!wrapUp?.active;\n\n  useEffect(() => {\n    if (hasActiveTask) {\n      const interval = setInterval(() => {\n        setCount(prev => {\n          if (prev === EntityListMock.length - 1) {\n            clearInterval(interval);\n            return prev;\n          }\n          return prev + 1;\n        });\n      }, 3000);\n      return () => clearInterval(interval);\n    }\n  }, [hasActiveTask]);\n\n  useEffect(() => {\n    if (count > 0) setEntityListMock([...entityListMockData, EntityListMock[count - 1]]);\n  }, [count]);\n\n  return (\n    <TaskManager\n      conversationAI={\n        hasActiveTask\n          ? {\n              content: entityListMock,\n              entityCount: count\n            }\n          : undefined\n      }\n      ref={taskManagerRef}\n      handle={handle}\n      tasks={args.serviceTasksEmpty ? [] : tasks}\n      emptyText='No tasks added'\n      banner={{\n        icon: 'script',\n        content:\n          'Hi Ms. Ventura, I see that you are interested in changing your monthly due date, is that correct?',\n        verbatimStatus: args.verbatimStatus\n      }}\n      onTaskLaunch={args.onTaskLaunch || handleLaunch}\n      onTaskDismiss={args.onTaskDismiss || handleDismiss}\n      addTask={\n        args.addTask || {\n          items: TaskPickerMockData.tasks,\n          onAdd: renderTasks\n        }\n      }\n      wrapUp={args.wrapUp || wrapUp}\n      main={\n        args.main || (\n          <TaskView\n            header={\n              <Flex container={{ justify: 'start', gap: 1, alignItems: 'center' }}>\n                <Text variant='h3'>\n                  {activeTaskId === WrapUpTask.id\n                    ? WrapUpTask.name\n                    : getTaskName(activeServiceTask?.name as TaskProps['name'])}\n                </Text>\n                <StyledStatus\n                  variant={\n                    activeTaskId === WrapUpTask.id\n                      ? WrapUpTask.variant\n                      : (activeServiceTask.status &&\n                          (activeServiceTask.status?.variant as StatusProps['variant'])) ||\n                        'info'\n                  }\n                >\n                  {activeTaskId === WrapUpTask.id\n                    ? WrapUpTask.status\n                    : activeServiceTask.status && activeServiceTask!.status!.text}\n                </StyledStatus>\n              </Flex>\n            }\n            actions={\n              <MenuButton\n                ref={formActionsElemRef}\n                menu={{\n                  items: ['Close task', 'Dismiss task', 'Resolve task'].map(name => ({\n                    primary: name,\n                    id: name,\n                    onClick: action(`Clicked ${name}`)\n                  }))\n                }}\n                text='Actions'\n              />\n            }\n          >\n            <Form\n              id='forming'\n              actions={\n                activeServiceTask?.isResolved ? (\n                  <Flex container={{ justify: 'end' }} item={{ grow: 1 }}>\n                    <Button\n                      name='Close'\n                      variant='primary'\n                      onClick={() => {\n                        performTaskAction(activeTaskId, 'cancel');\n                      }}\n                    >\n                      Close\n                    </Button>\n                  </Flex>\n                ) : (\n                  <>\n                    <Button\n                      name='Cancel'\n                      onClick={() => {\n                        performTaskAction(activeTaskId, 'cancel');\n                      }}\n                    >\n                      Cancel\n                    </Button>\n                    <div>\n                      <Button\n                        name='Submit'\n                        variant='primary'\n                        onClick={() => {\n                          performTaskAction(activeTaskId, 'submit');\n                        }}\n                      >\n                        Submit\n                      </Button>\n                    </div>\n                  </>\n                )\n              }\n            >\n              <Grid container={{ rowGap: 2 }}>\n                {activeTaskId === WrapUpTask.id ? (\n                  <Timeline activity={activity} currentTime={new Date()} />\n                ) : (\n                  getFormElements(activeServiceTask?.isResolved || false)\n                )}\n              </Grid>\n            </Form>\n          </TaskView>\n        )\n      }\n    />\n  );\n};\n\nTaskManagerDemo.args = {\n  serviceTasksEmpty: false,\n  colGap: 2,\n  rowGap: 2,\n  verbatimStatus: 'pending'\n};\n\nTaskManagerDemo.argTypes = {\n  serviceTasksEmpty: { control: { type: 'boolean' } },\n  colGap: { control: { type: 'number' } },\n  rowGap: { control: { type: 'number' } },\n  verbatimStatus: {\n    options: ['pending', 'spoken', undefined],\n    control: { type: 'select' }\n  }\n};\n"]}

package/lib/dnd/DragDropList/DragDropList.stories.d.ts

@@ -1,10 +1,10 @@
-import { Meta, Story } from '@storybook/react';
-import { DragDropListProps } from '@pega/cosmos-react-dnd';
-declare const _default: Meta;
+import type { StoryFn } from '@storybook/react';
+import type { DragDropListProps } from '@pega/cosmos-react-dnd';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
 interface DragDropListDemoProps {
     pullMode?: DragDropListProps['pullMode'];
     pushMode?: DragDropListProps['pushMode'] | 'sort';
 }
-export declare const DragDropListDemo: Story<DragDropListDemoProps>;
+export declare const DragDropListDemo: StoryFn<DragDropListDemoProps>;
 //# sourceMappingURL=DragDropList.stories.d.ts.map

package/lib/dnd/DragDropList/DragDropList.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DragDropList.stories.d.ts","sourceRoot":"","sources":["../../../src/dnd/DragDropList/DragDropList.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAAiC,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;;AAa1F,wBAMU;AAEV,UAAU,qBAAqB;IAC7B,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,GAAG,MAAM,CAAC;CACnD;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,qBAAqB,CA6DzD,CAAC"}
+{"version":3,"file":"DragDropList.stories.d.ts","sourceRoot":"","sources":["../../../src/dnd/DragDropList/DragDropList.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAItD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;;AAahE,wBAMU;AAEV,UAAU,qBAAqB;IAC7B,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,GAAG,MAAM,CAAC;CACnD;AAED,eAAO,MAAM,gBAAgB,EAAE,OAAO,CAAC,qBAAqB,CA6D3D,CAAC"}

package/lib/dnd/DragDropList/DragDropList.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragDropList.stories.js","sourceRoot":"","sources":["../../../src/dnd/DragDropList/DragDropList.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useState } from 'react';\nimport { action } from '@storybook/addon-actions';\nimport { Meta, Story } from '@storybook/react';\n\nimport { Button, Flex } from '@pega/cosmos-react-core';\nimport { DragDropManager, DragDropList, DragDropListProps } from '@pega/cosmos-react-dnd';\n\nimport { StyledDemoDragDropList } from './DragDropList.styles';\nimport {\n  createMockDataArray,\n  DemoListItem,\n  EmptyItem,\n  itemType,\n  mockDataArrayA,\n  mockDataArrayB,\n  sort\n} from './DragDropList.mocks';\n\nexport default {\n  title: 'DnD/DragDropList',\n  component: DragDropList,\n  parameters: {\n    layout: 'fullscreen'\n  }\n} as Meta;\n\ninterface DragDropListDemoProps {\n  pullMode?: DragDropListProps['pullMode'];\n  pushMode?: DragDropListProps['pushMode'] | 'sort';\n}\n\nexport const DragDropListDemo: Story<DragDropListDemoProps> = (args: DragDropListDemoProps) => {\n  const [arrayA, setArrayA] = useState(mockDataArrayA);\n  const [arrayB, setArrayB] = useState(mockDataArrayB);\n\n  return (\n    <>\n      <Button\n        onClick={useCallback(() => {\n          setArrayA(items => {\n            return [...items, ...createMockDataArray(1, itemType, 'A-new')];\n          });\n        }, [])}\n      >\n        Add to List A\n      </Button>\n      <Button\n        onClick={useCallback(() => {\n          setArrayB(items => {\n            return [...items, ...createMockDataArray(1, itemType, 'B-new')];\n          });\n        }, [])}\n      >\n        Add to List B\n      </Button>\n      <DragDropManager>\n        <Flex container style={{ minHeight: '100vh' }}>\n          <DragDropList\n            as={StyledDemoDragDropList}\n            id='list1'\n            accept={itemType}\n            pullMode={args.pullMode}\n            pushMode={args.pushMode === 'sort' ? sort : args.pushMode}\n            items={arrayA}\n            itemRenderer={DemoListItem}\n            emptyRenderer={EmptyItem}\n            onChange={newArray => {\n              setArrayA(newArray);\n              action('List A changed')(newArray);\n            }}\n            style={{ background: 'palegreen' }}\n          />\n\n          <DragDropList\n            as={StyledDemoDragDropList}\n            id='list2'\n            accept={itemType}\n            pullMode={args.pullMode}\n            pushMode={args.pushMode === 'sort' ? sort : args.pushMode}\n            items={arrayB}\n            itemRenderer={DemoListItem}\n            emptyRenderer={EmptyItem}\n            onChange={newArray => {\n              setArrayB(newArray);\n              action('List B changed')(newArray);\n            }}\n            style={{ background: 'lightblue' }}\n          />\n        </Flex>\n      </DragDropManager>\n    </>\n  );\n};\n\nDragDropListDemo.args = {\n  pullMode: 'remove',\n  pushMode: 'insert'\n};\n\nDragDropListDemo.argTypes = {\n  pullMode: { options: ['remove', 'clone'], control: { type: 'select' } },\n  pushMode: { options: ['insert', 'prepend', 'append', 'sort'], control: { type: 'select' } }\n};\n"]}
+{"version":3,"file":"DragDropList.stories.js","sourceRoot":"","sources":["../../../src/dnd/DragDropList/DragDropList.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useState } from 'react';\nimport { action } from '@storybook/addon-actions';\nimport type { Meta, StoryFn } from '@storybook/react';\n\nimport { Button, Flex } from '@pega/cosmos-react-core';\nimport { DragDropManager, DragDropList } from '@pega/cosmos-react-dnd';\nimport type { DragDropListProps } from '@pega/cosmos-react-dnd';\n\nimport { StyledDemoDragDropList } from './DragDropList.styles';\nimport {\n  createMockDataArray,\n  DemoListItem,\n  EmptyItem,\n  itemType,\n  mockDataArrayA,\n  mockDataArrayB,\n  sort\n} from './DragDropList.mocks';\n\nexport default {\n  title: 'DnD/DragDropList',\n  component: DragDropList,\n  parameters: {\n    layout: 'fullscreen'\n  }\n} as Meta;\n\ninterface DragDropListDemoProps {\n  pullMode?: DragDropListProps['pullMode'];\n  pushMode?: DragDropListProps['pushMode'] | 'sort';\n}\n\nexport const DragDropListDemo: StoryFn<DragDropListDemoProps> = (args: DragDropListDemoProps) => {\n  const [arrayA, setArrayA] = useState(mockDataArrayA);\n  const [arrayB, setArrayB] = useState(mockDataArrayB);\n\n  return (\n    <>\n      <Button\n        onClick={useCallback(() => {\n          setArrayA(items => {\n            return [...items, ...createMockDataArray(1, itemType, 'A-new')];\n          });\n        }, [])}\n      >\n        Add to List A\n      </Button>\n      <Button\n        onClick={useCallback(() => {\n          setArrayB(items => {\n            return [...items, ...createMockDataArray(1, itemType, 'B-new')];\n          });\n        }, [])}\n      >\n        Add to List B\n      </Button>\n      <DragDropManager>\n        <Flex container style={{ minHeight: '100vh' }}>\n          <DragDropList\n            as={StyledDemoDragDropList}\n            id='list1'\n            accept={itemType}\n            pullMode={args.pullMode}\n            pushMode={args.pushMode === 'sort' ? sort : args.pushMode}\n            items={arrayA}\n            itemRenderer={DemoListItem}\n            emptyRenderer={EmptyItem}\n            onChange={newArray => {\n              setArrayA(newArray);\n              action('List A changed')(newArray);\n            }}\n            style={{ background: 'palegreen' }}\n          />\n\n          <DragDropList\n            as={StyledDemoDragDropList}\n            id='list2'\n            accept={itemType}\n            pullMode={args.pullMode}\n            pushMode={args.pushMode === 'sort' ? sort : args.pushMode}\n            items={arrayB}\n            itemRenderer={DemoListItem}\n            emptyRenderer={EmptyItem}\n            onChange={newArray => {\n              setArrayB(newArray);\n              action('List B changed')(newArray);\n            }}\n            style={{ background: 'lightblue' }}\n          />\n        </Flex>\n      </DragDropManager>\n    </>\n  );\n};\n\nDragDropListDemo.args = {\n  pullMode: 'remove',\n  pushMode: 'insert'\n};\n\nDragDropListDemo.argTypes = {\n  pullMode: { options: ['remove', 'clone'], control: { type: 'select' } },\n  pushMode: { options: ['insert', 'prepend', 'append', 'sort'], control: { type: 'select' } }\n};\n"]}