\r\n \r\n {disabled &&
\r\n );\r\n};\r\n\r\nexport default LoadingButton;\r\n","import makeStyles from '@material-ui/core/styles/makeStyles';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n form: {\r\n width: '100%',\r\n marginTop: theme.spacing(1),\r\n },\r\n submit: {\r\n margin: theme.spacing(3, 0, 2),\r\n },\r\n}));\r\n\r\nexport default useStyles;\r\n","import { Box, Card, CardActions, CardContent, IconButton, InputAdornment, TextField, Checkbox, FormControlLabel } from '@material-ui/core';\r\nimport Visibility from '@material-ui/icons/Visibility';\r\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\r\nimport { LoadingButton } from 'common/components/buttons/LoadingButton';\r\nimport { useFormik } from 'formik';\r\nimport React, { useState, useEffect } from 'react';\r\nimport * as Yup from 'yup';\r\nimport useStyles from './login-form-style';\r\n\r\nexport interface LoginFormValues {\r\n dealerId: string;\r\n username: string;\r\n password: string;\r\n token: string;\r\n}\r\n\r\nconst Schema = Yup.object![{galleryImage.fileName}](\"/pdf.png\")
\r\n : \r\n - \r\n
- \r\n
- \r\n
- Please enter at least one ${BroadcastType.EMAIL == type?\"email address to send a test email\":\"phone number to send a test message\"}. \r\n
\r\n
\r\n `; \r\n\r\n Swal.fire({\r\n title: 'Test Message!',\r\n html: html,\r\n icon: 'success',\r\n customClass: {\r\n container: classes.swalContainer,\r\n },\r\n });\r\n }\r\n else\r\n {\r\n Swal.fire({\r\n title: 'Test Message!',\r\n html: `Test ${type} sent successfully.`,\r\n icon: 'success',\r\n customClass: {\r\n container: classes.swalContainer,\r\n },\r\n });\r\n\r\n onClose();\r\n }\r\n \r\n }\r\n else\r\n {\r\n let formatedMessage =testMsgResponse.error.includes(\"Daily limit reached\") ?testMsgResponse.error.replace(/\\n/g, 'Test ${type} sent successfully.
\r\n${errorMsg}
\r\n- \r\n ${failedHtml}\r\n
')\r\n : 'There was an issue sending your message. Please see details:
' + testMsgResponse.error.replace(/\\n/g, '
');\r\n \r\n Swal.fire({\r\n title: 'Error!',\r\n html: formatedMessage,\r\n icon: 'error',\r\n customClass: {\r\n container: classes.swalContainerError,\r\n },\r\n });\r\n }\r\n }\r\n catch(error:any)\r\n {\r\n Swal.fire({\r\n title: 'Error',\r\n html: `An error occurred while sending the test message. Please try again.`,\r\n icon: 'error',\r\n customClass: {\r\n container: classes.swalContainerError,\r\n },\r\n });\r\n \r\n }\r\n finally {\r\n setIsTestMessageLoading(false);\r\n }\r\n }\r\n const handleClose = (event: React.SyntheticEvent, reason?: string) => {\r\n if (reason && reason === \"backdropClick\") \r\n return;\r\n onClose();\r\n}\r\n return (\r\n <>\r\n \r\n \r\n \r\n );\r\n}\r\n","import {\r\n Box,\r\n Button,\r\n CircularProgress,\r\n Fab,\r\n Grid,\r\n IconButton,\r\n ImageList,\r\n ImageListItem,\r\n ImageListItemBar,\r\n LinearProgress,\r\n LinearProgressProps,\r\n MenuItem,\r\n Paper,\r\n Popover,\r\n Table,\r\n TableBody,\r\n TableCell,\r\n TableContainer,\r\n TableHead,\r\n TablePagination,\r\n TableRow,\r\n TextField,\r\n Typography,\r\n useTheme,\r\n} from '@material-ui/core';\r\n\r\nimport AttachFileIcon from '@material-ui/icons/AttachFile';\r\nimport FileCopyIcon from '@material-ui/icons/FileCopy';\r\nimport ForwardIcon from '@material-ui/icons/Forward';\r\nimport RemoveCircleIcon from '@material-ui/icons/RemoveCircle';\r\nimport SaveIcon from '@material-ui/icons/Save';\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport MarkEmailReadIcon from '@mui/icons-material/MarkEmailRead';\r\nimport { ToggleButton, ToggleButtonGroup } from '@material-ui/lab';\r\nimport Alert from '@material-ui/lab/Alert';\r\nimport { useFormik } from 'formik';\r\nimport React, { useCallback, useEffect, useState } from 'react';\r\nimport { useDropzone } from 'react-dropzone';\r\nimport * as Yup from 'yup';\r\n\r\nimport { TabPanel } from 'common/components/tabs';\r\nimport { EmojiPickerButton } from 'common/components/buttons';\r\nimport TextLimitField from 'common/components/input-fields/TextLimitField';\r\nimport MediaGalleryAPI from 'components/broadcast/api/mediaGallery-api';\r\nimport { BroadCast, BroadCastType, MessageHistory, MmsMedia } from 'components/broadcast/models/broadcast';\r\nimport { GalleryImage } from 'components/broadcast/models/gallery-image';\r\nimport AppSnackBar from 'components/snackbar/snackbar';\r\n\r\nimport EmailEditor from './email-editor';\r\nimport { ImageGallery } from './image-gallery';\r\nimport MergeTagWidget from 'components/broadcast/components/broadcast-page/merge-tags';\r\nimport { MessageSnippetWidget } from './message-templates';\r\nimport { SocialLinkWidget } from './social-link-widget';\r\nimport getTinyMce from './tiny-global';\r\nimport { UrlShortenerWidget } from './url-shortener-widget';\r\nimport { makeStyles, Theme } from '@material-ui/core/styles';\r\nimport { useAppDispatch, useAppSelector } from 'app';\r\nimport { showSnackbar } from 'components/root-snackbar';\r\nimport Swal from 'sweetalert2';\r\nimport { useHistory, Prompt } from 'react-router-dom';\r\nimport { GetAttachments } from 'dmsAppsCallbacks';\r\nimport { AxiosResponse } from 'axios';\r\nimport config from 'config';\r\nimport { post } from 'api';\r\nimport { CalendarToday } from '@material-ui/icons';\r\nimport { ITaskTimes, taskHours } from 'components/lead/components/task-board/taskhours-step';\r\nimport { format ,isBefore } from 'date-fns';\r\nimport LocalizationProvider from '@mui/lab/LocalizationProvider';\r\nimport AdapterDateFns from '@mui/lab/AdapterDateFns';\r\nimport { StaticDatePicker } from '@mui/lab';\r\nimport { TextField as TextFieldSch} from '@mui/material';\r\nimport moment from 'moment';\r\nimport BroadCastAPIV2, {BroadCastAPIV2 as BroadCastAPI} from 'components/broadcast/api/broadcast-api-v2';\r\nimport { useRouter } from 'common/hooks';\r\nimport { CompareObjects } from 'common/utils/compare-objects';\r\nimport BroadcastTestMessage from './broadcast-test-message';\r\n\r\n\r\n\r\nconst useStyles = makeStyles((theme: Theme): any => ({\r\n textareaHover: {\r\n border: '2px solid rgb(63 81 181)',\r\n background: '#3f51b359',\r\n },\r\n fileUploadOverlay: {\r\n backgroundColor: 'rgba(255, 255, 255, 0.7)',\r\n top: '0px',\r\n left: '3%',\r\n width: '100%',\r\n height: '100%',\r\n position: 'absolute',\r\n },\r\n datePicker: {\r\n '& .css-dhopo2': {\r\n minHeight:'192px'\r\n },\r\n },\r\n fabStyle:{\r\n display:'flex',\r\n flexDirection:'column',\r\n alignItems:'center'\r\n },\r\n fabLabels:{\r\n fontSize:'7px',\r\n margin:'0px'\r\n },\r\n swalAlert:{\r\n '& .swal2-popup':{ borderRadius:'20px'}\r\n }\r\n}));\r\n\r\nexport function BroadcastForm({\r\n broadcast,\r\n type,\r\n onDuplicate,\r\n onSave,\r\n onPreview,\r\n onSend,\r\n}: {\r\n broadcast: BroadCast;\r\n type: BroadCastType;\r\n onDuplicate(broadcast: BroadCast): Promise
- ';\r\n\r\n result.forEach((x) => {\r\n html += `
- ${x.toString().replace('is required', '')} `;\r\n });\r\n html += '
- ';\r\n \r\n result.forEach((x) => {\r\n html += `
- ${x.toString().replace('is required', '')} `;\r\n });\r\n html += '
- ';\r\n result.forEach((x) => {\r\n html += `
- ${x.toString().replace('is required', '')} `;\r\n });\r\n html += '';\r\n Swal.fire({\r\n title: 'Required information is missing',\r\n html: html,\r\n icon: 'error',\r\n confirmButtonColor: '#3085d6',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n function appendToBody(value: string): void {\r\n if (formik.values.body == null) formik.values.body = '';\r\n if (type === 'SMS' || type === 'MMS') {\r\n const curLength = type === 'SMS' ? 160 : 1500;\r\n const bodyLength = formik.values.body.length;\r\n const totalLength = curLength - bodyLength;\r\n if (value.length > totalLength) {\r\n value = value.substring(0, totalLength);\r\n }\r\n }\r\n formik.setFieldValue('body', formik.values.body + value);\r\n }\r\n\r\n function removeImage(index: number): void {\r\n if (type === 'MMS' && formik.values.mmsMedia) {\r\n let newMedia = formik.values.mmsMedia;\r\n const removedValue = newMedia[index];\r\n const remainingValues= formik.values.mmsMedia.filter(x=>x.mediaUrl != removedValue.mediaUrl);\r\n formik.setFieldValue('mmsMedia',remainingValues);\r\n }\r\n }\r\n // API for Image Size Calculation\r\n const [imageSize, setImageSize] = useState
- ${x.toString().replace('is required', '')} `;\r\n });\r\n html += '';\r\n\r\n Swal.fire({\r\n title: 'Required information is missing',\r\n html: html,\r\n icon: 'error',\r\n confirmButtonColor: '#3085d6',\r\n confirmButtonText: 'Ok',\r\n });\r\n\r\n return false;\r\n }\r\n const handleOpenTestMessageDialog = async () => {\r\n \r\n if(await handleValidateBroadcastObject())\r\n setOpenTestMessageDialog(true);\r\n };\r\n\r\n const handleCloseTestMessageDialog = async () => {\r\n setOpenTestMessageDialog(false);\r\n };\r\n\r\n return (\r\n <>\r\n
- ';\r\n result.forEach((x) => {\r\n html += `
\r\n
\r\n \r\n ) : (\r\n <>\r\n Duplicate
\r\n\r\n
\r\n \r\n Save
\r\n\r\n
\r\n \r\n \r\n )}\r\n {formik.values.isSchedule ? 'Send Now': 'Recipients'}
\r\n\r\n
\r\n \r\n Preview
\r\n\r\n
\r\n \r\n {formik.values.isSchedule && (\r\n Test Message
\r\n\r\n
\r\n )}\r\n Reschedule
\r\n\r\n ) : (\r\n \r\n
:\r\n Total Size: {((TotalSize || 0) / 1048576).toFixed(2)} MB\r\n )\r\n )}\r\n