{"version":3,"sources":["app/Layout/FrontendLayout/components/Snackbar/Actions/index.tsx","app/Layout/FrontendLayout/components/Snackbar/index.tsx"],"names":["RefreshTableButton","t","useTranslation","dispatch","useDispatch","layoutActions","useLayoutSlice","actions","Button","variant","size","onClick","setRefreshTable","translations","RefreshTable","OpenDetails","props","bold","itemName","Box","component","marginX","openPanel","renderPageType","detailsType","renderPageProps","detailsTypeProps","expanded","useSidePanel","isCover","openSidePanel","type","closeMessageOnPanelOpen","closeMessage","Id","itemEndName","created","OpenMultiDetails","multiDetails","map","f","displayed","ClosableMessage","closeSnackbar","closable","message","snackKey","CloseRoot","IconButton","aria-label","className","icon","colorExtend","styled","span","SnackbarManager","useAppSettingsSlice","notifications","useSelector","selectNotifications","useSnackbar","enqueueSnackbar","history","useHistory","theme","useTheme","getActions","useCallback","item","actionType","SnackBarActionType","refreshTable","push","persist","key","length","i","LinkOnClick","React","itemLinkProps","messageTypeProps","undefined","linkUrl","replaceUrl","replace","window","open","toRootedURL","renderMessage","messageType","Fragment","parse","SnackBarMessageType","openSidepanelDetails","itemProps","multiple","createElement","Object","assign","showLinkMessage","linkText","afterLinkText","HTML","fileDownload","fileProps","file","fileName","fileTitle","messageList","listProps","messages","msg","useEffect","filter","some","notification","forEach","removeNotifications","includes","id","x","anchorOrigin","vertical","horizontal","preventDuplicate","autoHideDuration","action","onExited","_","myKey","removeNotification","direction"],"mappings":"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","file":"static/js/903.9dac8867.chunk.js","sourcesContent":["import { Body } from 'app/components/Typography';\r\nimport { translations } from 'locales/translations';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { useDispatch } from 'react-redux';\r\nimport { useLayoutSlice } from '../../../slice';\r\nimport * as React from 'react';\r\nimport {\r\n  PageTypeProps,\r\n  RenderPageType,\r\n} from 'app/Layout/FrontendLayout/slice/type';\r\nimport { Box } from '@material-ui/core';\r\nimport { Button } from 'app/components/BasicButtons/Button';\r\nimport { SidePanelOpenState } from 'app/hooks/useSidePanelOpen';\r\n\r\nexport interface OpenDetailsProps {\r\n  Id?: number;\r\n  created: boolean;\r\n  itemName: string;\r\n  linkUrl?: string;\r\n  linkText?: string;\r\n  afterLinkText?: string;\r\n  replaceUrl?: boolean;\r\n  itemEndName?: string;\r\n  detailsType?: RenderPageType;\r\n  detailsTypeProps?: PageTypeProps;\r\n  detailsUlr?: string;\r\n  multiple?: boolean;\r\n  multiDetails?: MultiDetailsProps[];\r\n  useSidePanel?: boolean;\r\n  openPanel?: (state: SidePanelOpenState) => void;\r\n  closeMessageOnPanelOpen?: boolean;\r\n}\r\nexport interface MultiDetailsProps {\r\n  Id: number;\r\n  detailsType: RenderPageType;\r\n  detailsTypeProps: PageTypeProps;\r\n}\r\nexport interface ListMessagesProps {\r\n  messages: SingleMessagesProps[];\r\n}\r\nexport interface SingleMessagesProps {\r\n  Id: string;\r\n  message: string;\r\n}\r\nexport interface DownloadFileProps {\r\n  file: any;\r\n  fileTitle: string;\r\n  fileName: string;\r\n}\r\nexport function RefreshTableButton() {\r\n  const { t } = useTranslation();\r\n  const dispatch = useDispatch();\r\n  const { actions: layoutActions } = useLayoutSlice();\r\n  const handleRefreshClick = () => {\r\n    dispatch(layoutActions.setRefreshTable(true));\r\n  };\r\n  return (\r\n    <Button variant=\"text\" size=\"small\" onClick={handleRefreshClick}>\r\n      {t(translations.RefreshTable)}\r\n    </Button>\r\n  );\r\n}\r\nexport function OpenDetails(\r\n  props: OpenDetailsProps & { closeMessage?: () => void },\r\n) {\r\n  const dispatch = useDispatch();\r\n  const { actions } = useLayoutSlice();\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <Body bold={true} size=\"small\">\r\n        {props.itemName}\r\n        <Box component=\"span\" marginX={1}>\r\n          <Button\r\n            variant=\"text\"\r\n            size=\"small\"\r\n            onClick={() => {\r\n              if (!!props.openPanel) {\r\n                props.openPanel({\r\n                  renderPageType: props.detailsType,\r\n                  renderPageProps: props.detailsTypeProps,\r\n                  expanded: false,\r\n                  useSidePanel: props.useSidePanel,\r\n                  isCover: props.useSidePanel,\r\n                });\r\n              } else {\r\n                dispatch(\r\n                  actions.openSidePanel({\r\n                    type: props.detailsType,\r\n                    props: props.detailsTypeProps,\r\n                  }),\r\n                );\r\n              }\r\n              if (props.closeMessageOnPanelOpen) {\r\n                props.closeMessage?.();\r\n              }\r\n            }}\r\n          >\r\n            {`#${props.Id} `}\r\n          </Button>\r\n        </Box>\r\n        {props.itemEndName\r\n          ? props.itemEndName\r\n          : `${props.created ? 'Created' : 'Updated'}!`}\r\n      </Body>\r\n    </React.Fragment>\r\n  );\r\n}\r\nexport function OpenMultiDetails(\r\n  props: OpenDetailsProps & {\r\n    closeMessage?: () => void;\r\n  },\r\n) {\r\n  const dispatch = useDispatch();\r\n  const { actions } = useLayoutSlice();\r\n  return (\r\n    <React.Fragment>\r\n      <Body bold={true} size=\"small\">\r\n        {props.itemName}\r\n        <Box component=\"span\" marginX={1}>\r\n          {props.multiDetails?.map(f => (\r\n            <Button\r\n              variant=\"text\"\r\n              size=\"small\"\r\n              key={f.Id}\r\n              onClick={() => {\r\n                if (!!props.openPanel) {\r\n                  props.openPanel({\r\n                    renderPageType: f.detailsType,\r\n                    renderPageProps: f.detailsTypeProps,\r\n                    expanded: false,\r\n                    useSidePanel: props.useSidePanel,\r\n                    isCover: props.useSidePanel,\r\n                  });\r\n                } else {\r\n                  dispatch(\r\n                    actions.openSidePanel({\r\n                      type: f.detailsType,\r\n                      props: f.detailsTypeProps,\r\n                    }),\r\n                  );\r\n                }\r\n                if (props.closeMessageOnPanelOpen) {\r\n                  props.closeMessage?.();\r\n                }\r\n              }}\r\n            >\r\n              {`#${f.Id} `}\r\n            </Button>\r\n          ))}\r\n        </Box>\r\n        {props.itemEndName\r\n          ? props.itemEndName\r\n          : `${props.created ? 'Created' : 'Updated'}!`}\r\n      </Body>\r\n    </React.Fragment>\r\n  );\r\n}\r\n","import React, { useCallback } from 'react';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\n\r\nimport { useSnackbar, OptionsObject, SnackbarKey } from 'notistack';\r\n\r\nimport { selectNotifications } from '../../../../slice/selectors';\r\nimport { useAppSettingsSlice } from 'app/slice';\r\nimport { Notification as AppNotificationMessage } from 'types/Notification';\r\nimport { useTheme } from '@material-ui/core/styles';\r\nimport { SnackBarActionType, SnackBarMessageType } from './types';\r\nimport {\r\n  DownloadFileProps,\r\n  ListMessagesProps,\r\n  OpenDetails,\r\n  OpenDetailsProps,\r\n  OpenMultiDetails,\r\n  RefreshTableButton,\r\n} from './Actions';\r\nimport { toRootedURL } from 'utils/url-utils';\r\nimport { Icon } from 'app/components/BasicIcons/FontAwesome';\r\nimport { parse } from 'app/components/CommentsContainer/commentParser';\r\nimport { Button } from 'app/components/BasicButtons/Button';\r\nimport { Caption } from 'app/components/Typography';\r\nimport { IconButton } from 'app/components/BasicButtons/IconButton';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { FlexRow8 } from 'app/components/StyledComponents';\r\nimport fileDownload from 'js-file-download';\r\nimport styled from 'styled-components';\r\nimport { UlList } from 'app/components/BasicList/StyledList';\r\n\r\nlet displayed: any[] = [];\r\n\r\nconst SnackbarManager = () => {\r\n  const dispatch = useDispatch();\r\n  const { actions } = useAppSettingsSlice();\r\n  const notifications = useSelector(selectNotifications);\r\n  const { enqueueSnackbar, closeSnackbar } = useSnackbar();\r\n  const history = useHistory();\r\n  const theme = useTheme();\r\n  const storeDisplayed = id => {\r\n    displayed = [...displayed, id];\r\n  };\r\n\r\n  const removeDisplayed = id => {\r\n    displayed = [...displayed.filter(key => id !== key)];\r\n  };\r\n\r\n  const getActions = useCallback(\r\n    (item: AppNotificationMessage): React.ReactNode | undefined => {\r\n      const actions: React.ReactNode[] = [];\r\n      if (item.actionType) {\r\n        switch (item.actionType) {\r\n          case SnackBarActionType.refreshTable:\r\n            actions.push(<RefreshTableButton />);\r\n            break;\r\n          default:\r\n            break;\r\n        }\r\n      }\r\n      if (item.persist) {\r\n        actions.push(\r\n          <Icon icon=\"close\" onClick={() => closeSnackbar(item.key)} />,\r\n        );\r\n      }\r\n      if (actions.length > 0) {\r\n        return (\r\n          <FlexRow8>\r\n            {actions.map((component, i) => (\r\n              <span key={i}>{component}</span>\r\n            ))}\r\n          </FlexRow8>\r\n        );\r\n      }\r\n      return undefined;\r\n    },\r\n    [closeSnackbar],\r\n  );\r\n  const LinkOnClick = React.useCallback(\r\n    (item: AppNotificationMessage) => {\r\n      closeSnackbar(item.key);\r\n      let itemLinkProps = item.messageTypeProps as OpenDetailsProps;\r\n      if (itemLinkProps?.linkUrl !== undefined) {\r\n        if (!!itemLinkProps.replaceUrl) {\r\n          history.replace(itemLinkProps.linkUrl);\r\n        } else {\r\n          window.open(toRootedURL(itemLinkProps?.linkUrl), '_self');\r\n        }\r\n      }\r\n    },\r\n    [closeSnackbar, history],\r\n  );\r\n  const renderMessage = React.useCallback(\r\n    (item: AppNotificationMessage): React.ReactNode => {\r\n      if (\r\n        item.messageType !== undefined &&\r\n        item.messageTypeProps !== undefined\r\n      ) {\r\n        switch (item.messageType) {\r\n          case SnackBarMessageType.openSidepanelDetails:\r\n            let itemProps = item.messageTypeProps as OpenDetailsProps;\r\n            if (itemProps.multiple === true) {\r\n              if (\r\n                !!itemProps.multiDetails &&\r\n                itemProps.multiDetails.length > 0\r\n              ) {\r\n                return (\r\n                  <React.Fragment>\r\n                    {React.createElement(\r\n                      OpenMultiDetails,\r\n                      Object.assign({}, itemProps, {\r\n                        closeMessage: () => closeSnackbar(item.key),\r\n                      }),\r\n                    )}\r\n                  </React.Fragment>\r\n                );\r\n              } else {\r\n                return <React.Fragment>{item.message}</React.Fragment>;\r\n              }\r\n            } else {\r\n              if (\r\n                itemProps.detailsType !== undefined &&\r\n                itemProps.detailsTypeProps !== undefined\r\n              ) {\r\n                return (\r\n                  <React.Fragment>\r\n                    {React.createElement(\r\n                      OpenDetails,\r\n                      Object.assign({}, itemProps, {\r\n                        closeMessage: () => closeSnackbar(item.key),\r\n                      }),\r\n                    )}\r\n                  </React.Fragment>\r\n                );\r\n              } else {\r\n                return <React.Fragment>{item.message}</React.Fragment>;\r\n              }\r\n            }\r\n\r\n          case SnackBarMessageType.showLinkMessage:\r\n            let itemLinkProps = item.messageTypeProps as OpenDetailsProps;\r\n            if (itemLinkProps.linkUrl !== undefined) {\r\n              return (\r\n                <FlexRow8>\r\n                  <Caption>{itemLinkProps.itemName}</Caption>\r\n                  <Caption>\r\n                    <Button\r\n                      variant=\"text\"\r\n                      size=\"small\"\r\n                      onClick={() => LinkOnClick(item)}\r\n                    >\r\n                      {itemLinkProps.linkText}\r\n                    </Button>\r\n                  </Caption>\r\n                  {itemLinkProps.afterLinkText && (\r\n                    <Caption>{itemLinkProps.afterLinkText}</Caption>\r\n                  )}\r\n                </FlexRow8>\r\n              );\r\n            } else {\r\n              return item.closable ? (\r\n                <ClosableMessage\r\n                  closeSnackbar={closeSnackbar}\r\n                  message={item.message}\r\n                  closable={item.closable}\r\n                  snackKey={item.key}\r\n                />\r\n              ) : (\r\n                <React.Fragment>{item.message}</React.Fragment>\r\n              );\r\n            }\r\n          case SnackBarMessageType.HTML:\r\n            return <>{parse(item.message)}</>;\r\n          case SnackBarMessageType.fileDownload:\r\n            const fileProps = item.messageTypeProps as DownloadFileProps;\r\n            return (\r\n              <>\r\n                {item.message}{' '}\r\n                <Button\r\n                  variant=\"text\"\r\n                  size=\"small\"\r\n                  onClick={() =>\r\n                    fileDownload(fileProps.file, fileProps.fileName)\r\n                  }\r\n                >\r\n                  {fileProps.fileTitle}\r\n                </Button>\r\n              </>\r\n            );\r\n          case SnackBarMessageType.messageList:\r\n            let listProps = item.messageTypeProps as ListMessagesProps;\r\n            return item.closable ? (\r\n              <ClosableMessage\r\n                closeSnackbar={closeSnackbar}\r\n                message={\r\n                  <UlList>\r\n                    {listProps.messages.map(msg => (\r\n                      <li key={msg.Id}>{msg.message}</li>\r\n                    ))}\r\n                  </UlList>\r\n                }\r\n                closable={item.closable}\r\n                snackKey={item.key}\r\n              />\r\n            ) : (\r\n              <UlList>\r\n                {listProps.messages.map(msg => (\r\n                  <li key={msg.Id}>{msg.message}</li>\r\n                ))}\r\n              </UlList>\r\n            );\r\n          default:\r\n            return item.closable ? (\r\n              <ClosableMessage\r\n                closeSnackbar={closeSnackbar}\r\n                message={item.message}\r\n                closable={item.closable}\r\n                snackKey={item.key}\r\n              />\r\n            ) : (\r\n              <React.Fragment>{item.message}</React.Fragment>\r\n            );\r\n        }\r\n        // switch (item.messageType) {\r\n        //   case SnackBarMessageType.openTrainingDetails:\r\n        //     return (\r\n        //       <React.Fragment>\r\n        //         {React.createElement(OpenDetails, item.messageTypeProps)}\r\n        //       </React.Fragment>\r\n        //     );\r\n        //     case SnackBarMessageType.openWorkOrderDetails:\r\n        //       return ( <React.Fragment>\r\n        //         {React.createElement(OpenDetails, item.messageTypeProps)}\r\n        //       </React.Fragment>\r\n        //         )\r\n        //   default:\r\n        //     return <React.Fragment>{item.message}</React.Fragment>;\r\n        // }\r\n      } else {\r\n        if (item.closable) {\r\n          return (\r\n            <ClosableMessage\r\n              closeSnackbar={closeSnackbar}\r\n              message={item.message}\r\n              closable={item.closable}\r\n              snackKey={item.key}\r\n            />\r\n          );\r\n        } else {\r\n          return <React.Fragment>{parse(item.message)}</React.Fragment>;\r\n        }\r\n      }\r\n    },\r\n    [LinkOnClick, closeSnackbar],\r\n  );\r\n\r\n  React.useEffect(() => {\r\n    // remove obsolete notifcations that were removed manually throgh notif\r\n    removeNotifications(notifications, closeSnackbar);\r\n\r\n    notifications.forEach((item: AppNotificationMessage) => {\r\n      if (displayed.length > 0 && displayed.includes(item.key)) return;\r\n      const x: OptionsObject = {\r\n        key: item.key,\r\n        persist: item.persist,\r\n        anchorOrigin: {\r\n          vertical: 'bottom',\r\n          horizontal: 'center',\r\n        },\r\n        variant: item.variant,\r\n        preventDuplicate: true,\r\n        autoHideDuration: item.autoHideDuration,\r\n        action: getActions(item),\r\n\r\n        onExited: (_, myKey) => {\r\n          dispatch(actions.removeNotification(myKey));\r\n          removeDisplayed(myKey);\r\n        },\r\n      };\r\n      //Object.assign(x, { closable: item.closable });\r\n      enqueueSnackbar(renderMessage(item), x);\r\n\r\n      storeDisplayed(item.key);\r\n    });\r\n  }, [\r\n    notifications,\r\n    actions,\r\n    closeSnackbar,\r\n    enqueueSnackbar,\r\n    dispatch,\r\n    theme.direction,\r\n    renderMessage,\r\n    getActions,\r\n  ]);\r\n\r\n  return null;\r\n};\r\nconst ClosableMessage = ({\r\n  closeSnackbar,\r\n  closable,\r\n  message,\r\n  snackKey,\r\n}: {\r\n  closeSnackbar: (snackKey?: SnackbarKey) => void;\r\n  closable?: boolean;\r\n  message: React.ReactNode;\r\n  snackKey?: SnackbarKey;\r\n}): JSX.Element => {\r\n  return (\r\n    <CloseRoot>\r\n      {message}\r\n      {!!closable && closable === true && (\r\n        <IconButton\r\n          size=\"xs\"\r\n          aria-label=\"Close\"\r\n          onClick={() => closeSnackbar(snackKey)}\r\n          className=\"close-icon\"\r\n        >\r\n          <Icon icon=\"times\" colorExtend=\"textHover\" />\r\n        </IconButton>\r\n      )}\r\n    </CloseRoot>\r\n  );\r\n};\r\nconst CloseRoot = styled.span`\r\n  margin-right: 16px;\r\n  & .close-icon {\r\n    position: absolute;\r\n    right: 0;\r\n    top: 0;\r\n    color: white;\r\n  }\r\n`;\r\nexport default SnackbarManager;\r\n\r\n/**\r\n * Removes notifications that were removed through the appSettingActions/removeNotifications\r\n */\r\nfunction removeNotifications(\r\n  notifications: AppNotificationMessage[],\r\n  closeSnackbar: (key?: SnackbarKey | undefined) => void,\r\n) {\r\n  const obsoleteNotifications = displayed.filter(\r\n    key => !notifications.some(notification => notification.key === key),\r\n  );\r\n  obsoleteNotifications.forEach(key => closeSnackbar(key));\r\n}\r\n"],"sourceRoot":""}