\r\n \r\n {!isNewCampaignEnabled && \r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n pdfLink: state.review.pdfLink,\r\n isNewCampaignEnabled: state.customerCampaignDetails.isNewCampaignEnabled\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n clearAllPackages: () => {\r\n return dispatch(clearAllPackageRelatedStore());\r\n }\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ReviewSuccessPopUp);\r\n","/* eslint-disable jsx-a11y/label-has-associated-control */\r\nimport React from 'react';\r\nimport Lottie from 'lottie-react';\r\nimport logoAnimation from '../../assets/images/MA_Symbol_Animation.json';\r\n\r\nconst SignInLeftSidePanel = () => {\r\n return (\r\n Welcome to Media Agent!
}\r\nWe’ve sent a copy of your submission to your email. Your Media Agent Customer Success representative will be in touch shortly.
\r\n\r\n Continue to my Campaign\r\n
\r\n \r\n \r\n Download Document\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default SignInLeftSidePanel;\r\n","/* eslint-disable jsx-a11y/label-has-associated-control */\r\n/* eslint-disable max-len */\r\nimport React, { Component } from 'react';\r\nimport { Redirect } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\n// import { HashLink } from 'react-router-hash-link';\r\n// import AuthHeader from './AuthHeader';\r\nimport SignInLeftSidePanel from '../../common/SignInLeftSidePanel';\r\nimport Spinner from '../../common/Loader';\r\nimport { loginError } from '../../Constants';\r\nimport { login as loginService, logout as logoutService } from '../../../store/actions/auth';\r\nimport { isLoggedInIsAdmin, isAuthenticated } from '../../../utils/utility_helpers';\r\n\r\nclass SignIn extends Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n userName: '',\r\n password: '',\r\n isKeepMeLoggedIn: false,\r\n errorMessage: null,\r\n loading: false,\r\n redirect: null,\r\n userNameError: '',\r\n passwordError: ''\r\n };\r\n }\r\n\r\n static getDerivedStateFromProps(props, state) {\r\n if (\r\n props.errorMessage !== state.errorMessage\r\n || props.loading !== state.loading\r\n || props.redirect !== state.redirect\r\n ) {\r\n return {\r\n errorMessage: props.errorMessage,\r\n loading: props.loading,\r\n redirect: props.redirect\r\n };\r\n }\r\n return null;\r\n }\r\n\r\n componentDidMount() {\r\n console.log('sign in mount @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@');\r\n if (!isAuthenticated()) {\r\n const { onLogout } = this.props;\r\n onLogout();\r\n }\r\n }\r\n\r\n\r\n onUserNameChange = (event) => {\r\n this.setState({\r\n userName: event.target.value,\r\n userNameError: ''\r\n });\r\n }\r\n\r\n onPasswordChange = (event) => {\r\n this.setState({\r\n password: event.target.value,\r\n passwordError: ''\r\n });\r\n }\r\n\r\n onIsKeepMeLoggedInChange = (event) => {\r\n this.setState({ isKeepMeLoggedIn: event.target.checked });\r\n }\r\n\r\n onSignIn =(event) => {\r\n const { login } = this.props;\r\n const { userName, password, isKeepMeLoggedIn } = this.state;\r\n event.preventDefault();\r\n if (!userName) {\r\n this.setState({\r\n userNameError: loginError.userNameRequired\r\n });\r\n }\r\n if (!password) {\r\n this.setState({\r\n passwordError: loginError.passwordRequired\r\n });\r\n }\r\n if (password && userName) {\r\n login({ userName, password, isKeepMeLoggedIn });\r\n }\r\n console.log(this.props);\r\n }\r\n\r\n render() {\r\n const {\r\n userName,\r\n password,\r\n isKeepMeLoggedIn,\r\n userNameError,\r\n errorMessage,\r\n passwordError\r\n } = this.state;\r\n const {\r\n isLoggedIn,\r\n loading,\r\n isIntakeDetailsPending,\r\n numberOfIntakeCompletedCampaigns\r\n } = this.props;\r\n let isAdmin = false;\r\n const isAuthorized = isAuthenticated() && isLoggedIn;\r\n if (isLoggedIn) {\r\n const roles = JSON.parse(localStorage.getItem('Roles') || '[]');\r\n isAdmin = roles.some((x) => { return x.roleName === 'Admin'; });\r\n }\r\n let redirectUrl = '/what-to-expect';\r\n if (numberOfIntakeCompletedCampaigns > 0) {\r\n redirectUrl = '/customer/campaign-details';\r\n } else if (isIntakeDetailsPending !== null && numberOfIntakeCompletedCampaigns === 0) {\r\n redirectUrl = '/packages';\r\n }\r\n\r\n console.log(isAuthenticated(), isAdmin, 'sign in page');\r\n\r\n return (\r\n <>\r\n {/* \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n token: state.auth.token !== null,\r\n loading: state.auth.loading,\r\n errorMessage: state.auth.errorMessage,\r\n isLoggedIn: state.auth.isLoggedIn,\r\n redirect: state.auth.isLoggedIn,\r\n isIntakeDetailsPending: state.auth.isIntakeDetailsPending,\r\n numberOfIntakeCompletedCampaigns: state.auth.numberOfIntakeCompletedCampaigns\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n login: (values) => {\r\n return dispatch(loginService(values));\r\n },\r\n onLogout: () => {\r\n return dispatch(logoutService());\r\n }\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SignIn);\r\n","/* eslint-disable jsx-a11y/label-has-associated-control */\r\n/* eslint-disable max-len */\r\nimport React from 'react';\r\nimport { Modal } from 'react-bootstrap';\r\n\r\nimport close from '../../../assets/images/icon-close.svg';\r\nimport retry from '../../../assets/images/icon-retry.svg';\r\n\r\nconst ResetPasswordModal = (props) => {\r\n const {\r\n show,\r\n headerText,\r\n bodyText,\r\n reSubmit,\r\n modalClose,\r\n showResubmit\r\n } = props;\r\n\r\n return (\r\n \r\n
\r\n { isAuthorized ? isAdmin\r\n ? (\r\n <>\r\n {isLoggedInIsAdmin()\r\n && document.body.classList.add('admin')}\r\n {document.body.classList.remove('customer')}\r\n\r\n {isLoggedInIsAdmin() && \r\n
\r\n \r\n LOGIN.\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n {headerText}\r\n
\r\n\r\n \r\n\r\n {bodyText}\r\n\r\n {showResubmit ? null : (\r\n <>\r\n
\r\n or\r\n {' '}\r\n { reSubmit(event); }} className=\"color-green\">\r\n
\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default ForgotUsernamePassword;\r\n","/* eslint-disable jsx-a11y/label-has-associated-control */\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Redirect } from 'react-router-dom';\r\nimport {\r\n Formik,\r\n Form,\r\n Field,\r\n ErrorMessage\r\n} from 'formik';\r\nimport * as Yup from 'yup';\r\n\r\nimport SignInLeftSidePanel from '../../common/SignInLeftSidePanel';\r\nimport Spinner from '../../common/Loader';\r\nimport {\r\n createAccountForm\r\n} from '../../Constants';\r\nimport {\r\n userResetPassword\r\n} from '../../../store/actions/auth';\r\n\r\n\r\nconst resetPasswordValidationSchema = Yup.object().shape({\r\n userName: Yup.string().required(createAccountForm.userNameRequired),\r\n temporaryPassword: Yup.string().required(createAccountForm.temporaryPasswordRequired),\r\n newPassword: Yup.string()\r\n .matches(\r\n createAccountForm.passwordRegex,\r\n createAccountForm.newPasswordType\r\n )\r\n .required(createAccountForm.newPasswordRequired),\r\n confirmNewPassword: Yup.string()\r\n .oneOf([Yup.ref('newPassword'), null], createAccountForm.confirmNewPasswordMatch)\r\n .required(createAccountForm.confirmNewPasswordRequired)\r\n});\r\n\r\nclass ResetPassword extends Component {\r\n handleResetPasswordFormSubmit = (formData) => {\r\n const { resetPasswordFields } = this.props;\r\n resetPasswordFields(formData);\r\n }\r\n\r\n render() {\r\n const {\r\n isLoggedIn,\r\n loading,\r\n errorMessage\r\n } = this.props;\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n Forgot Username or Password\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n loading: state.auth.loading,\r\n errorMessage: state.auth.errorMessage,\r\n isLoggedIn: state.auth.isLoggedIn\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n resetPasswordFields: (formData) => {\r\n return dispatch(userResetPassword(formData));\r\n }\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ResetPassword);\r\n","/* eslint-disable prefer-rest-params */\r\nconst Debounce = (func, delay) => {\r\n let inDebounce;\r\n return function () {\r\n const context = this;\r\n // const args = {...arguments};\r\n clearTimeout(inDebounce);\r\n inDebounce = setTimeout(() => {\r\n func.apply(context, arguments);\r\n }, delay);\r\n };\r\n};\r\n\r\nexport default Debounce;\r\n","/* eslint-disable jsx-a11y/label-has-associated-control */\r\nimport React from 'react';\r\nimport NumberFormat from 'react-number-format';\r\nimport Select from 'react-select';\r\nimport Edit from '../../../assets/images/icon-edit.svg';\r\nimport {\r\n LocationFeilds,\r\n StateCodes,\r\n TimeZones\r\n} from '../../Constants';\r\n\r\nclass ProfileInfo extends React.Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n // isEditable: false\r\n };\r\n }\r\n\r\n getTimezones = () => {\r\n const options = [];\r\n options.push({ value: '', label: 'Unselected' });\r\n // eslint-disable-next-line array-callback-return\r\n TimeZones.map((item) => {\r\n options.push({ value: item.value, label: item.value });\r\n });\r\n return options;\r\n }\r\n\r\n getStates = () => {\r\n const options = [];\r\n options.push({ value: '', label: 'Select' });\r\n StateCodes.map((item) => {\r\n options.push({ value: item.StateCode, label: item.StateCode });\r\n return options;\r\n });\r\n return options;\r\n };\r\n\r\n changeEditable = () => {\r\n const { editable } = this.props;\r\n editable();\r\n }\r\n\r\n render() {\r\n const {\r\n onUserNameChange,\r\n isEditable,\r\n companyDetails,\r\n onClickCompanyProfileEdit,\r\n onCompanyNameChange,\r\n onFirstNameChange,\r\n onLastNameChange,\r\n onContactNumberChange,\r\n onCompanyLegalNameChange,\r\n validatePhoneNumber,\r\n validateZipCode,\r\n billingAddress,\r\n billingIndex,\r\n billingAddressError,\r\n onBillingAddressChange,\r\n taxId,\r\n onTaxIdChange,\r\n contactNumberError,\r\n businessLegalNameError,\r\n companyNameError,\r\n firstNameError,\r\n lastNameError,\r\n validateUserName,\r\n userNameError,\r\n validateBusinessEmail,\r\n businessEmailError,\r\n onEmailChange,\r\n setRef,\r\n handleChange,\r\n oldUserName,\r\n additionalEmailError,\r\n validateAdditionalEmail\r\n } = this.props;\r\n console.log(onUserNameChange,\r\n isEditable,\r\n companyDetails,\r\n onClickCompanyProfileEdit,\r\n onCompanyNameChange,\r\n onFirstNameChange,\r\n onLastNameChange,\r\n onContactNumberChange,\r\n onCompanyLegalNameChange,\r\n validatePhoneNumber,\r\n validateZipCode,\r\n billingAddress,\r\n billingIndex,\r\n billingAddressError,\r\n onBillingAddressChange,\r\n taxId,\r\n onTaxIdChange,\r\n contactNumberError,\r\n businessLegalNameError,\r\n companyNameError,\r\n firstNameError,\r\n lastNameError,\r\n validateUserName,\r\n userNameError,\r\n validateBusinessEmail,\r\n businessEmailError,\r\n onEmailChange,\r\n setRef);\r\n\r\n let address = null;\r\n if (billingAddress && billingAddress.length > 0) {\r\n // eslint-disable-next-line prefer-destructuring\r\n address = billingAddress[0];\r\n }\r\n\r\n let state = null;\r\n if (address) {\r\n state = address.state.trim() === ''\r\n ? 'Select' : address.state;\r\n }\r\n // const state = '';\r\n const stateSelectedValue = {\r\n value: state === 'Select' ? '' : state,\r\n label: state === 'Select' ? 'Select' : state\r\n };\r\n\r\n let timeZone = null;\r\n if (companyDetails.timeZone) {\r\n timeZone = companyDetails.timeZone.trim() === ''\r\n ? 'Unselected' : companyDetails.timeZone;\r\n } else {\r\n timeZone = 'Unselected';\r\n }\r\n // const state = '';\r\n const timeZoneSelectedValue = {\r\n value: timeZone === 'Unselected' ? 'Unselected' : timeZone,\r\n label: timeZone === 'Unselected' ? 'Unselected' : timeZone\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n Reset Password\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n submit\r\n \r\n\r\n
\r\n\r\n {isLoggedIn && \r\n {/* {\r\n actions.setSubmitting(true);\r\n this.handleResetPasswordFormSubmit(fields, actions);\r\n actions.setSubmitting(false);\r\n }}\r\n >\r\n {({\r\n errors,\r\n touched\r\n }) => {\r\n return (\r\n
\r\n\r\n Reset Password
*/}\r\n\r\n {errorMessage &&{errorMessage}
}\r\n\r\n\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n \r\n );\r\n }}\r\n \r\n \r\n { !isEditable\r\n ? (\r\n {\r\n this.changeEditable();\r\n }}\r\n >\r\n 
\r\n \r\n )\r\n : null}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default ProfileInfo;\r\n","/* eslint-disable jsx-a11y/label-has-associated-control */\r\nimport React from 'react';\r\nimport Select from 'react-select';\r\nimport { StateCodes, LocationFeilds } from '../../Constants';\r\n\r\nclass MailingAddress extends React.Component {\r\n getStates = () => {\r\n const options = [];\r\n options.push({ value: '', label: 'Select' });\r\n StateCodes.map((item) => {\r\n options.push({ value: item.StateCode, label: item.StateCode });\r\n return options;\r\n });\r\n return options;\r\n };\r\n\r\n render() {\r\n const {\r\n isEditable, mailingAddress, mailingAddressError, mailingIndex,\r\n onMailingAddressChange, validateZipCode, setMailingAddressRef\r\n } = this.props;\r\n let address = null;\r\n if (mailingAddress) {\r\n // eslint-disable-next-line prefer-destructuring\r\n address = mailingAddress[0];\r\n }\r\n\r\n let state = null;\r\n if (address) {\r\n state = address.state.trim() === ''\r\n ? 'Select' : address.state;\r\n }\r\n const stateSelectedValue = {\r\n value: state === 'Select' ? '' : state,\r\n label: state === 'Select' ? 'Select' : state\r\n };\r\n return (\r\n \r\n Profile Information\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n handleChange(event, 'companyLegalName');\r\n }}\r\n disabled={!isEditable}\r\n />\r\n \r\n {businessLegalNameError}\r\n \r\n
\r\n \r\n \r\n {\r\n handleChange(event, 'companyName');\r\n }}\r\n placeholder=\"Doing Business As Name\"\r\n />\r\n \r\n {companyNameError}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n handleChange(event, 'firstName');\r\n }}\r\n placeholder=\"Enter First Name\"\r\n />\r\n \r\n {firstNameError}\r\n \r\n
\r\n \r\n \r\n {\r\n handleChange(event, 'lastName');\r\n }}\r\n placeholder=\"Enter Last Name\"\r\n />\r\n \r\n {lastNameError}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n handleChange(event, 'contactNumber');\r\n }}\r\n placeholder=\"Enter Phone Number\"\r\n />\r\n \r\n {contactNumberError}\r\n \r\n
\r\n \r\n \r\n {\r\n handleChange(event, 'email');\r\n }}\r\n onBlur={validateBusinessEmail}\r\n placeholder=\"Business Email\"\r\n />\r\n \r\n {businessEmailError}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n handleChange(event, 'additionalEmail');\r\n }}\r\n onBlur={validateAdditionalEmail}\r\n />\r\n {additionalEmailError}\r\n
\r\n \r\n \r\n {\r\n onBillingAddressChange(event, LocationFeilds.Address1, billingIndex);\r\n }}\r\n placeholder=\"Address 1\"\r\n />\r\n \r\n {billingAddressError.address1}\r\n \r\n
\r\n \r\n \r\n {\r\n onBillingAddressChange(event, LocationFeilds.Address2, billingIndex);\r\n }}\r\n placeholder=\"Address 2\"\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n onBillingAddressChange(event, LocationFeilds.City, billingIndex);\r\n }}\r\n placeholder=\"City\"\r\n />\r\n \r\n {billingAddressError.city}\r\n \r\n
\r\n \r\n \r\n {\r\n onBillingAddressChange(event, LocationFeilds.State, billingIndex);\r\n }}\r\n classNamePrefix=\"custom-react-dropdown\"\r\n />\r\n \r\n {billingAddressError.state}\r\n \r\n
\r\n \r\n \r\n {\r\n onBillingAddressChange(event, LocationFeilds.ZipCode, billingIndex);\r\n }}\r\n onBlur={validateZipCode}\r\n pattern=\"\\d*\"\r\n placeholder=\"Zip Code\"\r\n />\r\n \r\n {billingAddressError.zipCode}\r\n \r\n
\r\n \r\n \r\n {\r\n handleChange(event, 'taxId');\r\n }}\r\n placeholder=\"Enter Tax ID\"\r\n />\r\n
\r\n \r\n \r\n {\r\n onBillingAddressChange(event, LocationFeilds.TimeZone, billingIndex);\r\n }}\r\n placeholder=\"Unselected\"\r\n />\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default MailingAddress;\r\n","/* eslint-disable jsx-a11y/label-has-associated-control */\r\nimport React from 'react';\r\n\r\nclass AccountPayableInfo extends React.Component {\r\n render() {\r\n const {\r\n companyDetails,\r\n isEditable,\r\n onAccountsPayableEmailChange,\r\n onAccountsPayableNameChange,\r\n accountsPayableNameError,\r\n accountsPayableEmailError,\r\n validateAccountsPayableEmail,\r\n setAccountInfoRef\r\n } = this.props;\r\n return (\r\n \r\n Mailing Address (if different than above)\r\n
\r\n \r\n\r\n \r\n {\r\n onMailingAddressChange(event, LocationFeilds.Address1, mailingIndex);\r\n }}\r\n />\r\n \r\n {mailingAddressError.address1}\r\n \r\n
\r\n \r\n \r\n {\r\n onMailingAddressChange(event, LocationFeilds.Address2, mailingIndex);\r\n }}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n onMailingAddressChange(event, LocationFeilds.City, mailingIndex);\r\n }}\r\n />\r\n \r\n {mailingAddressError.city}\r\n \r\n
\r\n \r\n \r\n {\r\n onMailingAddressChange(event, LocationFeilds.State, mailingIndex);\r\n }}\r\n />\r\n \r\n {mailingAddressError.state}\r\n \r\n
\r\n \r\n \r\n {\r\n onMailingAddressChange(event, LocationFeilds.ZipCode, mailingIndex);\r\n }}\r\n onBlur={validateZipCode}\r\n />\r\n \r\n {mailingAddressError.zipCode}\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default AccountPayableInfo;\r\n","import { API } from '../../helpers/apiHelpers';\r\n\r\nconst getCustomerProfileDetails = () => {\r\n const url = '/persons/profile';\r\n return API.get(url)\r\n .then((response) => {\r\n console.log(response);\r\n return response;\r\n })\r\n .catch((error) => {\r\n return Promise.reject(error);\r\n });\r\n};\r\n\r\nconst updateBusinessProfileService = (businessProfileObject) => {\r\n // const { companyId } = businessProfileObject;\r\n const url = 'persons/profile';\r\n return API.put(url, businessProfileObject)\r\n .then((response) => {\r\n console.log(response);\r\n return response;\r\n })\r\n .catch((error) => {\r\n return Promise.reject(error);\r\n });\r\n};\r\n\r\nconst updateCredentials = (credentialObject, personId, option) => {\r\n let url = '';\r\n if (option === 'username') {\r\n url = `persons/${personId}/resetusername`;\r\n }\r\n\r\n if (option === 'password') {\r\n url = `persons/${personId}/resetpassword`;\r\n }\r\n\r\n return API.put(url, credentialObject)\r\n .then((response) => {\r\n console.log(response);\r\n return response;\r\n })\r\n .catch((error) => {\r\n return Promise.reject(error);\r\n });\r\n};\r\n\r\nexport {\r\n getCustomerProfileDetails,\r\n updateBusinessProfileService,\r\n updateCredentials\r\n};\r\n","import {\r\n CUSTOMER_PROFILE_START,\r\n CUSTOMER_PROFILE_FAIL,\r\n GET_CUSTOMER_PROFILE_SUCCESS,\r\n PUT_CUSTOMER_PROFILE_START,\r\n PUT_CUSTOMER_PROFILE_FAIL,\r\n PUT_CUSTOMER_PROFILE_SUCCESS,\r\n PUT_CUSTOMER_CREDENTIALS_START,\r\n PUT_CUSTOMER_CREDENTIALS_FAIL,\r\n PUT_CUSTOMER_CREDENTIALS_SUCCESS,\r\n PUT_CUSTOMER_PROFILE_SUCCESS_RESET,\r\n PUT_CUSTOMER_CREDENTIALS_SUCCESS_RESET\r\n} from './actionTypes';\r\nimport { setErrorMessage } from '../../utils/utility_helpers';\r\nimport {\r\n getCustomerProfileDetails,\r\n updateBusinessProfileService,\r\n updateCredentials\r\n} from '../services/customerProfile';\r\n// import { updateObject } from '../../utils/reducer_utility';\r\n\r\nconst bindCustomerData = (data) => {\r\n const resultData = {\r\n companyId: null,\r\n companyName: null,\r\n companyLegalName: null,\r\n personDetail: {\r\n personId: null,\r\n firstName: null,\r\n lastName: null,\r\n userName: null,\r\n contactNumber: null,\r\n email: null\r\n },\r\n accountsPayableName: null,\r\n accountsPayableEmail: null,\r\n taxId: null,\r\n timeZone: null,\r\n isAdmin: false,\r\n customerSuccessPersonId: null,\r\n additionalEmail: null,\r\n companyAddresses: [{\r\n address1: '',\r\n address2: '',\r\n city: '',\r\n state: '',\r\n zipCode: '',\r\n isBillingAddress: false,\r\n isPrimary: false\r\n }]\r\n };\r\n\r\n const tempCompanyAddresses = [];\r\n\r\n resultData.companyId = data.companyId;\r\n resultData.companyName = data.companyName;\r\n resultData.companyLegalName = data.companyLegalName;\r\n resultData.personDetail = data.personDetail;\r\n resultData.accountsPayableName = data.accountsPayableName;\r\n resultData.accountsPayableEmail = data.accountsPayableEmail;\r\n resultData.taxId = data.taxId;\r\n resultData.timeZone = data.timeZone;\r\n resultData.isAdmin = data.isAdmin;\r\n resultData.customerSuccessPersonId = data.customerSuccessPersonId;\r\n resultData.additionalEmail = data.additionalEmail;\r\n\r\n const billingAddress = data\r\n && data.companyAddresses\r\n && data.companyAddresses\r\n .filter((x) => { return x.isPrimary === true; });\r\n console.log('billingAddress :', billingAddress);\r\n if (billingAddress && billingAddress.length > 0) {\r\n tempCompanyAddresses.push(billingAddress[0]);\r\n } else {\r\n const primaryCompanyAddresses = {\r\n address1: '',\r\n address2: '',\r\n city: '',\r\n state: '',\r\n zipCode: '',\r\n isBillingAddress: false,\r\n isPrimary: false\r\n };\r\n primaryCompanyAddresses.address1 = '';\r\n primaryCompanyAddresses.address2 = '';\r\n primaryCompanyAddresses.city = '';\r\n primaryCompanyAddresses.state = '';\r\n primaryCompanyAddresses.zipCode = '';\r\n primaryCompanyAddresses.isBillingAddress = true;\r\n primaryCompanyAddresses.isPrimary = true;\r\n\r\n tempCompanyAddresses.push(primaryCompanyAddresses);\r\n }\r\n\r\n const mailingAddress = data\r\n && data.companyAddresses\r\n && data.companyAddresses\r\n .filter((x) => { return x.isPrimary === false; });\r\n console.log('mailingAddress :', mailingAddress);\r\n if (mailingAddress && mailingAddress.length > 0) {\r\n tempCompanyAddresses.push(mailingAddress[0]);\r\n } else {\r\n const mailingCompanyAddresses = {\r\n address1: '',\r\n address2: '',\r\n city: '',\r\n state: '',\r\n zipCode: '',\r\n isBillingAddress: false,\r\n isPrimary: false\r\n };\r\n mailingCompanyAddresses.address1 = '';\r\n mailingCompanyAddresses.address2 = '';\r\n mailingCompanyAddresses.city = '';\r\n mailingCompanyAddresses.state = '';\r\n mailingCompanyAddresses.zipCode = '';\r\n mailingCompanyAddresses.isBillingAddress = false;\r\n mailingCompanyAddresses.isPrimary = false;\r\n tempCompanyAddresses.push(mailingCompanyAddresses);\r\n }\r\n\r\n console.log('TempCompanyAddresses :', tempCompanyAddresses);\r\n resultData.companyAddresses = tempCompanyAddresses;\r\n\r\n return resultData;\r\n};\r\n\r\n// const customerProfileCredentialsUpdateFail = (state, action) => {\r\n// console.log(action);\r\n// console.log(action.data);\r\n// return updateObject(state, {\r\n// credentialsLoading: false,\r\n// credentialsErrorMessage: action.data\r\n// });\r\n// };\r\n\r\nexport const getCustomerProfile = () => {\r\n return async (dispatch) => {\r\n try {\r\n dispatch({ type: CUSTOMER_PROFILE_START });\r\n const response = await getCustomerProfileDetails();\r\n console.log('Profile response', response);\r\n\r\n if (response.status === 200) {\r\n const bindData = bindCustomerData(response.data.data);\r\n dispatch({\r\n type: GET_CUSTOMER_PROFILE_SUCCESS,\r\n data: bindData\r\n });\r\n console.log(bindData);\r\n } else {\r\n const errorMessage = setErrorMessage(response);\r\n dispatch({ type: CUSTOMER_PROFILE_FAIL, data: errorMessage });\r\n }\r\n } catch (error) {\r\n console.log('Profile error', error);\r\n const errorMessage = setErrorMessage(error);\r\n dispatch({ type: CUSTOMER_PROFILE_FAIL, data: errorMessage });\r\n }\r\n };\r\n};\r\n\r\nexport const updateCompanyProfile = (profileDetails) => {\r\n return async (dispatch) => {\r\n try {\r\n dispatch({ type: PUT_CUSTOMER_PROFILE_START });\r\n const response = await updateBusinessProfileService(\r\n profileDetails.companyObject\r\n );\r\n if (response.status === 200 || response.status === 201 || response.status === 204) {\r\n dispatch(getCustomerProfile());\r\n dispatch({ type: PUT_CUSTOMER_PROFILE_SUCCESS, data: response.data.message });\r\n console.log(response);\r\n } else {\r\n const errorMessage = setErrorMessage(response);\r\n dispatch({ type: PUT_CUSTOMER_PROFILE_FAIL, data: errorMessage });\r\n }\r\n } catch (error) {\r\n const errorMessage = setErrorMessage(error);\r\n dispatch({ type: PUT_CUSTOMER_PROFILE_FAIL, data: errorMessage });\r\n }\r\n };\r\n};\r\n\r\nexport const updateCustomerCredentials = (credentialObject, personId, option) => {\r\n return async (dispatch) => {\r\n try {\r\n dispatch({ type: PUT_CUSTOMER_CREDENTIALS_START });\r\n const response = await updateCredentials(credentialObject, personId, option);\r\n if (response.status === 200 || response.status === 201 || response.status === 204) {\r\n dispatch(getCustomerProfile());\r\n dispatch({ type: PUT_CUSTOMER_CREDENTIALS_SUCCESS, data: response.data.message });\r\n console.log(response);\r\n } else {\r\n const errorMessage = setErrorMessage(response);\r\n // dispatch(customerProfileCredentialsUpdateFail(\r\n // { type: PUT_CUSTOMER_CREDENTIALS_FAIL, data: errorMessage }\r\n // ));\r\n dispatch({ type: PUT_CUSTOMER_CREDENTIALS_FAIL, data: errorMessage });\r\n }\r\n } catch (error) {\r\n const errorMessage = setErrorMessage(error);\r\n dispatch({ type: PUT_CUSTOMER_CREDENTIALS_FAIL, data: errorMessage });\r\n }\r\n };\r\n};\r\n\r\nexport const updateCompanyProfileReset = () => {\r\n return async (dispatch) => {\r\n dispatch({ type: PUT_CUSTOMER_PROFILE_SUCCESS_RESET, data: null });\r\n };\r\n};\r\n\r\nexport const updateCustomerCredentialsReset = () => {\r\n return async (dispatch) => {\r\n dispatch({ type: PUT_CUSTOMER_CREDENTIALS_SUCCESS_RESET, data: true });\r\n };\r\n};\r\n","/* eslint-disable jsx-a11y/label-has-associated-control */\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport _ from 'lodash';\r\nimport ProfileInfo from './ProfileInfo';\r\nimport MailingAddress from './MailingAddress';\r\nimport AccountPayableInfo from './AccountPayableInfo';\r\nimport { updateCompanyProfile, updateCompanyProfileReset } from '../../../store/actions/customerProfile';\r\nimport {\r\n LocationFeilds,\r\n AlertMessages,\r\n RegEx,\r\n // contactUs,\r\n InvitationFields\r\n} from '../../Constants';\r\nimport { validatePerson } from '../../../store/services/invitation';\r\nimport ConfirmAlert from '../../UIComponents/ConfirmAlert';\r\nimport Spinner from '../../common/Loader';\r\n\r\nconst addressErrorMessages = {\r\n address1: '',\r\n city: '',\r\n state: '',\r\n zipCode: ''\r\n};\r\n\r\nclass CompanyProfileIndex extends React.Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n companyDetails: {\r\n companyId: null,\r\n companyName: null,\r\n companyLegalName: null,\r\n personDetail: {\r\n personId: null,\r\n firstName: null,\r\n lastName: null,\r\n userName: null,\r\n contactNumber: null,\r\n email: null\r\n },\r\n accountsPayableName: null,\r\n accountsPayableEmail: null,\r\n taxId: null,\r\n isAdmin: false,\r\n customerSuccessPersonId: null,\r\n timeZone: null,\r\n additionalEmail: '',\r\n companyAddresses: [{\r\n address1: '',\r\n address2: '',\r\n city: '',\r\n state: '',\r\n zipCode: '',\r\n isBillingAddress: false,\r\n isPrimary: false\r\n }]\r\n },\r\n billingAddressError: { ...addressErrorMessages },\r\n mailingAddressError: { ...addressErrorMessages },\r\n accountsPayableNameError: '',\r\n accountsPayableEmailError: '',\r\n contactNumberError: '',\r\n businessLegalNameError: '',\r\n businessEmailError: '',\r\n companyNameError: '',\r\n firstNameError: '',\r\n lastNameError: '',\r\n userNameError: '',\r\n showAlert: false,\r\n fieldToBeValidate: '',\r\n confirmText: '',\r\n isEditable: false,\r\n isValidEmail: true,\r\n additionalEmailError: ''\r\n // unUsedCompanyDetails: null,\r\n // unUsedComapnyAddresses: null\r\n };\r\n this.childRef = React.createRef();\r\n this.mailingAddressRef = React.createRef();\r\n this.accountInfoRef = React.createRef();\r\n this.validateAdditionalEmail = this.validateAdditionalEmail.bind(this);\r\n this.validateBusinessEmail = this.validateBusinessEmail.bind(this);\r\n }\r\n\r\n static getDerivedStateFromProps(props, state) {\r\n console.log('props', props);\r\n console.log('state', state);\r\n if (props.customerProfile && state.companyDetails.companyLegalName === null) {\r\n return {\r\n companyDetails: props.customerProfile\r\n };\r\n }\r\n return {\r\n unUsedCompanyDetails: props.unUsedCompanyDetails,\r\n unUsedComapnyAddresses: props.unUsedComapnyAddresses,\r\n unUsedUserProfile: props.unUsedUserProfile\r\n };\r\n }\r\n\r\n // componentDidMount() {\r\n // const { fetchCustomerProfile } = this.props;\r\n // fetchCustomerProfile();\r\n // }\r\n\r\n changeEditable = () => {\r\n const { companyProfileReset } = this.props;\r\n this.setState({ isEditable: true }, () => {\r\n companyProfileReset();\r\n });\r\n }\r\n\r\n onCancelClick = () => {\r\n const { unChangedCompanyDetails, companyProfileReset } = this.props;\r\n const data = {};\r\n if (unChangedCompanyDetails) {\r\n data.companyId = _.cloneDeep(unChangedCompanyDetails.unChangedCompanyId);\r\n data.companyName = _.cloneDeep(unChangedCompanyDetails.unChangedCompanyName);\r\n data.companyLegalName = _.cloneDeep(unChangedCompanyDetails.unChangedCompanyLegalName);\r\n data.personDetail = _.cloneDeep(unChangedCompanyDetails.unChangedPersonDetail);\r\n data.accountsPayableName = _.cloneDeep(\r\n unChangedCompanyDetails.unChangedAccountsPayableName\r\n );\r\n data.accountsPayableEmail = _.cloneDeep(\r\n unChangedCompanyDetails.unChangedAccountsPayableEmail\r\n );\r\n data.taxId = _.cloneDeep(unChangedCompanyDetails.unChangedTaxId);\r\n data.timeZone = _.cloneDeep(unChangedCompanyDetails.unChangedTimeZone);\r\n data.isAdmin = _.cloneDeep(unChangedCompanyDetails.unChangedIsAdmin);\r\n data.customerSuccessPersonId = _.cloneDeep(\r\n unChangedCompanyDetails.unChangedCustomerSuccessPersonId\r\n );\r\n data.companyAddresses = _.cloneDeep(unChangedCompanyDetails.unChangedCompanyAddresses);\r\n data.additionalEmail = _.cloneDeep(unChangedCompanyDetails.unChangedAdditionalEmail);\r\n }\r\n\r\n this.setState({\r\n isEditable: false,\r\n companyDetails: data,\r\n billingAddressError: { ...addressErrorMessages },\r\n mailingAddressError: { ...addressErrorMessages },\r\n accountsPayableNameError: '',\r\n accountsPayableEmailError: '',\r\n contactNumberError: '',\r\n businessLegalNameError: '',\r\n businessEmailError: '',\r\n companyNameError: '',\r\n firstNameError: '',\r\n lastNameError: '',\r\n userNameError: '',\r\n additionalEmailError: ''\r\n }, () => {\r\n companyProfileReset();\r\n });\r\n }\r\n\r\n handleChange = (event, type) => {\r\n let { companyDetails } = this.state;\r\n const { customerProfile } = this.props;\r\n if (companyDetails === null) {\r\n companyDetails = customerProfile;\r\n }\r\n\r\n const value = event.target.value.trim();\r\n console.log(value);\r\n\r\n switch (type) {\r\n case 'companyLegalName':\r\n companyDetails.companyLegalName = value;\r\n this.setState({ companyDetails, businessLegalNameError: value ? '' : AlertMessages.LocationForm.BusinessLegalName });\r\n break;\r\n case 'companyName':\r\n companyDetails.companyName = value;\r\n this.setState({\r\n companyDetails,\r\n companyNameError: value ? '' : AlertMessages.LocationForm.CompanyName\r\n });\r\n break;\r\n case 'firstName':\r\n companyDetails.personDetail.firstName = value;\r\n this.setState({ companyDetails, firstNameError: value ? '' : AlertMessages.LocationForm.FirstName });\r\n break;\r\n case 'lastName':\r\n companyDetails.personDetail.lastName = value;\r\n this.setState({ companyDetails, lastNameError: value ? '' : AlertMessages.LocationForm.LastName });\r\n break;\r\n case 'contactNumber':\r\n companyDetails.personDetail.contactNumber = value;\r\n this.setState({ companyDetails, contactNumberError: value ? '' : AlertMessages.LocationForm.ContactNumber });\r\n break;\r\n case 'email':\r\n companyDetails.personDetail.email = value;\r\n this.setState({ companyDetails, businessEmailError: value ? '' : AlertMessages.LocationForm.businessEmailError });\r\n break;\r\n case 'additionalEmail':\r\n companyDetails.additionalEmail = value;\r\n this.setState({ companyDetails, additionalEmailError: value ? '' : '' });\r\n break;\r\n case 'taxId':\r\n companyDetails.taxId = value;\r\n this.setState({ companyDetails });\r\n break;\r\n default:\r\n break;\r\n }\r\n }\r\n\r\n onBillingAddressChange = (event, field, billingIndex) => {\r\n let { companyDetails } = this.state;\r\n const { customerProfile } = this.props;\r\n if (companyDetails === null) {\r\n companyDetails = customerProfile;\r\n }\r\n const { billingAddressError } = this.state;\r\n const tempCompanyAddresses = companyDetails;\r\n console.log(tempCompanyAddresses);\r\n\r\n const tempBillingAddressError = billingAddressError;\r\n switch (field) {\r\n case LocationFeilds.Address1:\r\n companyDetails.companyAddresses[billingIndex].address1 = event.target.value;\r\n if (event.target.value.trim() === '') {\r\n tempBillingAddressError.address1 = AlertMessages.LocationForm.Address1;\r\n break;\r\n } else {\r\n tempBillingAddressError.address1 = '';\r\n break;\r\n }\r\n case LocationFeilds.Address2:\r\n companyDetails.companyAddresses[billingIndex].address2 = event.target.value;\r\n break;\r\n case LocationFeilds.City:\r\n companyDetails.companyAddresses[billingIndex].city = event.target.value;\r\n if (event.target.value.trim() === '') {\r\n tempBillingAddressError.city = AlertMessages.LocationForm.City;\r\n break;\r\n } else {\r\n tempBillingAddressError.city = '';\r\n break;\r\n }\r\n case LocationFeilds.State:\r\n companyDetails.companyAddresses[billingIndex].state = event.value;\r\n if (event.value.trim() === '') {\r\n tempBillingAddressError.state = AlertMessages.LocationForm.State;\r\n break;\r\n } else {\r\n tempBillingAddressError.state = '';\r\n break;\r\n }\r\n case LocationFeilds.ZipCode:\r\n if (event.target.value === '' || RegEx.OnlyNumber.test(event.target.value)) {\r\n companyDetails.companyAddresses[billingIndex].zipCode = event.target.value;\r\n if (event.target.value.trim() === '') {\r\n tempBillingAddressError.zipCode = AlertMessages.LocationForm.Zip;\r\n break;\r\n } else {\r\n tempBillingAddressError.zipCode = '';\r\n break;\r\n }\r\n }\r\n break;\r\n case LocationFeilds.TimeZone:\r\n if (event.value.trim() === '') {\r\n companyDetails.timeZone = '';\r\n break;\r\n } else {\r\n companyDetails.timeZone = event.value;\r\n break;\r\n }\r\n default:\r\n break;\r\n }\r\n this.setState({\r\n companyDetails,\r\n billingAddressError: tempBillingAddressError\r\n });\r\n }\r\n\r\n validateZipCode = () => {\r\n let { companyDetails } = this.state;\r\n const { customerProfile } = this.props;\r\n if (companyDetails === null) {\r\n companyDetails = customerProfile;\r\n }\r\n const { billingAddressError, mailingAddressError } = this.state;\r\n console.log('companyDetails validateZipCode', companyDetails);\r\n let isValid = true;\r\n const tempBillingAddressError = billingAddressError;\r\n const tempMailingAddressError = mailingAddressError;\r\n const billingAddress = companyDetails && companyDetails.companyAddresses\r\n .filter((x) => { return x.isPrimary === true; });\r\n\r\n console.log('billingAddress[0]', billingAddress[0]);\r\n\r\n const mailingAddress = companyDetails && companyDetails.companyAddresses\r\n .filter((x) => { return x.isPrimary === false; });\r\n\r\n if (billingAddress[0] && billingAddress[0].zipCode.length > 0\r\n && billingAddress[0].zipCode.length < 5) {\r\n tempBillingAddressError.zipCode = AlertMessages.LocationForm.ValidZip;\r\n isValid = false;\r\n }\r\n\r\n if (mailingAddress[0] && mailingAddress[0].zipCode.length > 0\r\n && mailingAddress[0].zipCode.length < 5) {\r\n tempMailingAddressError.zipCode = AlertMessages.LocationForm.ValidZip;\r\n isValid = false;\r\n }\r\n\r\n this.setState({\r\n billingAddressError: tempBillingAddressError,\r\n mailingAddressError: tempMailingAddressError\r\n });\r\n return isValid;\r\n };\r\n\r\n validateMultipleEmails = (businessEmail) => {\r\n const emails = businessEmail.split(',');\r\n let flag = false;\r\n emails.forEach((email) => {\r\n if (!RegEx.EmailAddress.test(email.trim())) {\r\n flag = true;\r\n }\r\n });\r\n return flag;\r\n }\r\n\r\n onMailingAddressChange = (event, field, mailingIndex) => {\r\n let { companyDetails } = this.state;\r\n const { customerProfile } = this.props;\r\n if (companyDetails === null) {\r\n companyDetails = customerProfile;\r\n }\r\n const { mailingAddressError } = this.state;\r\n const tempCompanyAddresses = companyDetails;\r\n console.log('TempCompanyAddresses :', mailingIndex);\r\n switch (field) {\r\n case LocationFeilds.Address1:\r\n tempCompanyAddresses.companyAddresses[mailingIndex].address1 = event.target.value;\r\n if (event.target.value.trim() !== '') {\r\n mailingAddressError.address1 = '';\r\n }\r\n break;\r\n case LocationFeilds.Address2:\r\n tempCompanyAddresses.companyAddresses[mailingIndex].address2 = event.target.value;\r\n break;\r\n case LocationFeilds.City:\r\n tempCompanyAddresses.companyAddresses[mailingIndex].city = event.target.value;\r\n if (event.target.value.trim() !== '') {\r\n mailingAddressError.city = '';\r\n }\r\n break;\r\n case LocationFeilds.State:\r\n tempCompanyAddresses.companyAddresses[mailingIndex].state = event.value;\r\n mailingAddressError.state = '';\r\n break;\r\n case LocationFeilds.ZipCode:\r\n if (event.target.value === '' || RegEx.OnlyNumber.test(event.target.value)) {\r\n tempCompanyAddresses.companyAddresses[mailingIndex].zipCode = event.target.value;\r\n if (event.target.value.trim() !== '') {\r\n mailingAddressError.zipCode = '';\r\n }\r\n }\r\n break;\r\n default:\r\n break;\r\n }\r\n this.setState({\r\n companyDetails: tempCompanyAddresses\r\n });\r\n }\r\n\r\n setMailingAddressRef = (input) => {\r\n this.mailingAddressRef = input;\r\n }\r\n\r\n onAccountsPayableNameChange = (event) => {\r\n let { companyDetails } = this.state;\r\n const { customerProfile } = this.props;\r\n if (companyDetails === null) {\r\n companyDetails = customerProfile;\r\n }\r\n companyDetails.accountsPayableName = event.target.value;\r\n this.setState({\r\n companyDetails,\r\n accountsPayableNameError: event.target.value.trim() === ''\r\n ? AlertMessages.Company.RequiredAccountsPaybleName\r\n : ''\r\n });\r\n }\r\n\r\n onAccountsPayableEmailChange = (event) => {\r\n let { companyDetails } = this.state;\r\n const { customerProfile } = this.props;\r\n if (companyDetails === null) {\r\n companyDetails = customerProfile;\r\n }\r\n companyDetails.accountsPayableEmail = event.target.value;\r\n this.setState({\r\n companyDetails,\r\n accountsPayableEmailError: event.target.value.trim() === ''\r\n ? AlertMessages.Company.RequiredAccountsPaybleEmail\r\n : ''\r\n });\r\n }\r\n\r\n validateAccountsPayableEmail = () => {\r\n let { companyDetails } = this.state;\r\n const { customerProfile } = this.props;\r\n if (companyDetails === null) {\r\n companyDetails = customerProfile;\r\n }\r\n let isValid = true;\r\n if (companyDetails.accountsPayableEmail.trim() !== ''\r\n && !RegEx.EmailAddress.test(companyDetails.accountsPayableEmail)) {\r\n this.setState({ accountsPayableEmailError: AlertMessages.Common.ValidEmailAddress });\r\n isValid = false;\r\n }\r\n return isValid;\r\n }\r\n\r\n createBusinessProfileObject = () => {\r\n let { companyDetails } = this.state;\r\n const { customerProfile } = this.props;\r\n if (companyDetails === null) {\r\n companyDetails = customerProfile;\r\n }\r\n\r\n const billingIndex = companyDetails.companyAddresses && companyDetails.companyAddresses\r\n .findIndex((x) => { return x.isPrimary === true; });\r\n const mailingAddress = companyDetails.companyAddresses && companyDetails.companyAddresses\r\n .filter((x) => { return x.isPrimary === false; });\r\n const mailingIndex = companyDetails.companyAddresses && companyDetails.companyAddresses\r\n .findIndex((x) => { return x.isPrimary === false; });\r\n let isMailingAddressDifferent = false;\r\n if (mailingAddress[0].address1 !== ''\r\n || mailingAddress[0].address2 !== ''\r\n || mailingAddress[0].city !== ''\r\n || mailingAddress[0].state !== ''\r\n || mailingAddress[0].zipCode !== '') {\r\n isMailingAddressDifferent = true;\r\n }\r\n let tempCompanyAddressPostDetails = [];\r\n if (isMailingAddressDifferent) {\r\n tempCompanyAddressPostDetails = companyDetails.companyAddresses;\r\n tempCompanyAddressPostDetails[billingIndex].isBillingAddress = false;\r\n tempCompanyAddressPostDetails[mailingIndex].isBillingAddress = true;\r\n } else {\r\n let tempAddresss = [];\r\n tempAddresss = companyDetails.companyAddresses;\r\n tempAddresss[billingIndex].isBillingAddress = true;\r\n tempCompanyAddressPostDetails.push(tempAddresss[billingIndex]);\r\n }\r\n const tempTaxId = companyDetails.taxId || 0;\r\n return {\r\n companyObject: {\r\n companyId: companyDetails.companyId,\r\n companyLegalName: companyDetails.companyLegalName,\r\n companyName: companyDetails.companyName,\r\n personDetailDTO: {\r\n personId: companyDetails.personDetail.personId,\r\n firstName: companyDetails.personDetail.firstName,\r\n lastName: companyDetails.personDetail.lastName,\r\n contactNumber: companyDetails.personDetail.contactNumber,\r\n email: companyDetails.personDetail.email,\r\n userName: companyDetails.personDetail.userName\r\n },\r\n accountsPayableName: companyDetails.accountsPayableName,\r\n accountsPayableEmail: companyDetails.accountsPayableEmail,\r\n taxId: tempTaxId,\r\n timeZone: companyDetails.timeZone,\r\n companyAddressPostDetailsDTO: tempCompanyAddressPostDetails,\r\n additionalEmail: companyDetails.additionalEmail\r\n }\r\n };\r\n }\r\n\r\n validatePayableInformation = () => {\r\n let { companyDetails } = this.state;\r\n const { customerProfile } = this.props;\r\n if (companyDetails === null) {\r\n companyDetails = customerProfile;\r\n }\r\n\r\n let isValid = true;\r\n if (companyDetails.accountsPayableName.trim() === '') {\r\n this.setState({\r\n accountsPayableNameError: AlertMessages.Company.RequiredAccountsPaybleName\r\n });\r\n isValid = false;\r\n console.log(isValid, AlertMessages);\r\n }\r\n if (companyDetails.accountsPayableEmail.trim() === '') {\r\n this.setState({\r\n accountsPayableEmailError: AlertMessages.Company.RequiredAccountsPaybleEmail\r\n });\r\n console.log(isValid);\r\n isValid = false;\r\n } else if (!this.validateAccountsPayableEmail()) {\r\n isValid = false;\r\n console.log(isValid);\r\n }\r\n if (!isValid && this.accountInfoRef && this.accountInfoRef.scrollIntoView) {\r\n this.accountInfoRef.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n }\r\n return isValid;\r\n }\r\n\r\n validateAddress = () => {\r\n const { billingAddressError, mailingAddressError } = this.state;\r\n let { companyDetails } = this.state;\r\n const { customerProfile } = this.props;\r\n if (companyDetails === null) {\r\n companyDetails = customerProfile;\r\n }\r\n\r\n let isValid = true;\r\n const tempBillingAddressError = billingAddressError;\r\n const billingAddress = companyDetails && companyDetails.companyAddresses\r\n .filter((x) => { return x.isPrimary === true; });\r\n const mailingAddress = companyDetails && companyDetails.companyAddresses\r\n .filter((x) => { return x.isPrimary === false; });\r\n if (billingAddress[0].address1.trim() === '') {\r\n tempBillingAddressError.address1 = AlertMessages.LocationForm.Address1;\r\n isValid = false;\r\n }\r\n if (billingAddress[0].city.trim() === '') {\r\n tempBillingAddressError.city = AlertMessages.LocationForm.City;\r\n isValid = false;\r\n }\r\n if (billingAddress[0].state.trim() === '') {\r\n tempBillingAddressError.state = AlertMessages.LocationForm.State;\r\n isValid = false;\r\n }\r\n if (billingAddress[0].zipCode.trim() === '') {\r\n tempBillingAddressError.zipCode = AlertMessages.LocationForm.Zip;\r\n isValid = false;\r\n }\r\n if (!this.validateZipCode()) {\r\n isValid = false;\r\n }\r\n this.setState({ billingAddressError: tempBillingAddressError });\r\n\r\n let isMailingAddressDifferent = false;\r\n if (mailingAddress[0].address1 !== ''\r\n || mailingAddress[0].address2 !== ''\r\n || mailingAddress[0].city !== ''\r\n || mailingAddress[0].state !== ''\r\n || mailingAddress[0].zipCode !== '') {\r\n isMailingAddressDifferent = true;\r\n }\r\n\r\n const isAddressValid = isValid;\r\n\r\n if (isMailingAddressDifferent) {\r\n const tempMailingAddressError = mailingAddressError;\r\n if (mailingAddress[0].address1.trim() === '') {\r\n tempMailingAddressError.address1 = AlertMessages.LocationForm.Address1;\r\n isValid = false;\r\n }\r\n if (mailingAddress[0].city.trim() === '') {\r\n tempMailingAddressError.city = AlertMessages.LocationForm.City;\r\n isValid = false;\r\n }\r\n if (mailingAddress[0].state.trim() === '') {\r\n tempMailingAddressError.state = AlertMessages.LocationForm.State;\r\n isValid = false;\r\n }\r\n if (mailingAddress[0].zipCode.trim() === '') {\r\n tempMailingAddressError.zipCode = AlertMessages.LocationForm.Zip;\r\n isValid = false;\r\n }\r\n this.setState({ mailingAddressError: tempMailingAddressError });\r\n if (isAddressValid && !isValid && this.mailingAddressRef\r\n && this.mailingAddressRef.scrollIntoView) {\r\n this.mailingAddressRef.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n }\r\n } else {\r\n let tempMailingAddressError = mailingAddressError;\r\n tempMailingAddressError = {\r\n address1: '',\r\n city: '',\r\n state: '',\r\n zipCode: ''\r\n };\r\n this.setState({ mailingAddressError: tempMailingAddressError });\r\n }\r\n if (!isAddressValid) {\r\n if (!isValid && this.childRef && this.childRef.scrollIntoView) {\r\n this.childRef.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n }\r\n }\r\n return isValid;\r\n }\r\n\r\n validateCompany = () => {\r\n let { companyDetails } = this.state;\r\n const { customerProfile } = this.props;\r\n if (companyDetails === null) {\r\n companyDetails = customerProfile;\r\n }\r\n\r\n let isValid = true;\r\n if (!this.validatePhoneNumber()) {\r\n console.log(isValid);\r\n isValid = false;\r\n }\r\n if (companyDetails.personDetail.userName.trim() === '') {\r\n this.setState({ userNameError: AlertMessages.Common.RequiredUserName });\r\n isValid = false;\r\n }\r\n if (companyDetails.personDetail.email.trim() === '') {\r\n this.setState({ businessEmailError: AlertMessages.Invitations.RequiredEmail });\r\n isValid = false;\r\n }\r\n if (companyDetails.personDetail.email.trim() !== ''\r\n && !RegEx.EmailAddress.test(companyDetails.personDetail.email)) {\r\n this.setState({ businessEmailError: AlertMessages.Common.ValidEmailAddress });\r\n isValid = false;\r\n }\r\n if (companyDetails.companyName.trim() === '') {\r\n this.setState({ companyNameError: AlertMessages.LocationForm.CompanyName });\r\n isValid = false;\r\n console.log(isValid);\r\n }\r\n if (companyDetails.companyLegalName.trim() === '') {\r\n this.setState({ businessLegalNameError: AlertMessages.LocationForm.BusinessLegalName });\r\n isValid = false;\r\n console.log(isValid);\r\n }\r\n if (companyDetails.personDetail.firstName.trim() === '') {\r\n this.setState({ firstNameError: AlertMessages.LocationForm.FirstName });\r\n isValid = false;\r\n console.log(isValid);\r\n }\r\n if (companyDetails.personDetail.lastName.trim() === '') {\r\n this.setState({ lastNameError: AlertMessages.LocationForm.FirstName });\r\n isValid = false;\r\n console.log(isValid);\r\n }\r\n if (companyDetails.personDetail.contactNumber.trim() === '') {\r\n this.setState({ contactNumberError: AlertMessages.LocationForm.ContactNumber });\r\n isValid = false;\r\n console.log(isValid);\r\n }\r\n console.log(isValid);\r\n if (!isValid && this.childRef && this.childRef.scrollIntoView) {\r\n this.childRef.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n }\r\n return isValid;\r\n }\r\n\r\n validatePhoneNumber = () => {\r\n let { companyDetails } = this.state;\r\n const { customerProfile } = this.props;\r\n if (companyDetails === null) {\r\n companyDetails = customerProfile;\r\n }\r\n\r\n let isValid = true;\r\n if (companyDetails.personDetail.contactNumber !== null) {\r\n if (companyDetails.personDetail.contactNumber.length > 0\r\n && companyDetails.personDetail.contactNumber.length < 10) {\r\n this.setState({ contactNumberError: 'Please enter valid phone number' });\r\n isValid = false;\r\n }\r\n }\r\n return isValid;\r\n };\r\n\r\n validateMultipleEmails = (str) => {\r\n const emails = str.split(',');\r\n let isValid = false;\r\n emails.forEach((email) => {\r\n if (!RegEx.EmailAddress.test(email.trim())) {\r\n isValid = true;\r\n }\r\n });\r\n return isValid;\r\n }\r\n\r\n saveBusinessCustomerProfile = () => {\r\n const { updateCustomerCompanyProfile } = this.props;\r\n const { isValidEmail } = this.state;\r\n console.log('SaveBusinessCustomerProfile Triggered 1');\r\n let isValid = true;\r\n if (!this.validatePayableInformation()) {\r\n console.log('ValidatePayableInformation Failed');\r\n isValid = false;\r\n }\r\n if (!this.validateAddress()) {\r\n console.log('ValidateAddress Failed');\r\n isValid = false;\r\n }\r\n if (!this.validateCompany()) {\r\n console.log('ValidateCompany Failed');\r\n isValid = false;\r\n }\r\n console.log('SaveBusinessCustomerProfile Triggered 2');\r\n if (isValid && isValidEmail) {\r\n console.log('updateCustomerCompanyProfile Calling');\r\n updateCustomerCompanyProfile(this.createBusinessProfileObject());\r\n }\r\n console.log('SaveBusinessCustomerProfile Triggered 3');\r\n if (isValid && isValidEmail) {\r\n console.log('All Validation Success');\r\n const { profileLoading, profileErrorMessage } = this.props;\r\n if (profileLoading === false) {\r\n if (profileErrorMessage === null) {\r\n this.setState({ isEditable: false });\r\n }\r\n }\r\n } else {\r\n console.log('All Validation Failed');\r\n }\r\n console.log('SaveBusinessCustomerProfile Triggered 4');\r\n }\r\n\r\n\r\n async validateUserName() {\r\n let { companyDetails } = this.state;\r\n const { customerProfile } = this.props;\r\n if (companyDetails === null) {\r\n companyDetails = customerProfile;\r\n }\r\n const { userName } = this.props;\r\n if (userName !== companyDetails.personDetail.userName) {\r\n if (companyDetails.personDetail.userName.length > 0\r\n && companyDetails.personDetail.userName.length < 5) {\r\n this.setState({ userNameError: AlertMessages.Invitations.MinUserName });\r\n } else {\r\n try {\r\n const response = await validatePerson({\r\n email: false,\r\n userName: true,\r\n searchText: companyDetails.personDetail.userName\r\n });\r\n if (response.data.resultCount > 0) {\r\n if (companyDetails.personDetail.userName === response.data.data.userName) {\r\n this.setState({\r\n showAlert: true,\r\n confirmText: AlertMessages.Invitations.ExistingErrorMessage + 'User Name',\r\n fieldToBeValidate: InvitationFields.UserName\r\n });\r\n console.log(response);\r\n }\r\n }\r\n } catch (error) {\r\n console.log(console.log(error));\r\n }\r\n }\r\n }\r\n }\r\n\r\n async validateBusinessEmail() {\r\n let { companyDetails } = this.state;\r\n const { customerProfile } = this.props;\r\n if (companyDetails === null) {\r\n companyDetails = customerProfile;\r\n }\r\n const { unChangedCompanyDetails } = this.props;\r\n\r\n if (companyDetails === null) {\r\n companyDetails = customerProfile;\r\n }\r\n let businessEmail = '';\r\n\r\n if (unChangedCompanyDetails) {\r\n businessEmail = unChangedCompanyDetails.unChangedPersonDetail.email;\r\n }\r\n // console.log('New :', companyDetails.personDetail.email);\r\n if (businessEmail !== companyDetails.personDetail.email) {\r\n if (companyDetails.personDetail.email.trim() === '') {\r\n this.setState({ businessEmailError: AlertMessages.Invitations.RequiredEmail });\r\n } else if (!RegEx.EmailAddress.test(companyDetails.personDetail.email)) {\r\n this.setState({ businessEmailError: AlertMessages.Common.ValidEmailAddress });\r\n } else {\r\n try {\r\n const response = await validatePerson({\r\n email: true,\r\n userName: false,\r\n searchText: companyDetails.personDetail.email\r\n });\r\n if (response.data.resultCount > 0) {\r\n if (companyDetails.personDetail.email === response.data.data.email) {\r\n this.setState({\r\n businessEmailError: AlertMessages.Invitations.ExistingErrorMessage + 'Business Email',\r\n isValidEmail: false\r\n });\r\n console.log(response);\r\n }\r\n }\r\n } catch (error) {\r\n console.log(console.log(error));\r\n }\r\n }\r\n }\r\n }\r\n\r\n async validateAdditionalEmail() {\r\n let { companyDetails } = this.state;\r\n const { customerProfile } = this.props;\r\n if (companyDetails === null) {\r\n companyDetails = customerProfile;\r\n }\r\n const { unChangedCompanyDetails } = this.props;\r\n\r\n if (companyDetails === null) {\r\n companyDetails = customerProfile;\r\n }\r\n let additionalEmail = '';\r\n\r\n if (unChangedCompanyDetails) {\r\n additionalEmail = unChangedCompanyDetails.additionalEmail;\r\n }\r\n if (additionalEmail !== companyDetails.additionalEmail) {\r\n if (this.validateMultipleEmails(companyDetails.additionalEmail)) {\r\n this.setState({\r\n additionalEmailError: AlertMessages.Common.ValidEmailAddress\r\n });\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n const {\r\n isEditable,\r\n accountsPayableNameError, accountsPayableEmailError, contactNumberError,\r\n businessLegalNameError, companyNameError, firstNameError, lastNameError,\r\n mailingAddressError, billingAddressError, userNameError, showAlert,\r\n confirmText, businessEmailError, fieldToBeValidate, additionalEmailError\r\n } = this.state;\r\n\r\n console.log(isEditable,\r\n accountsPayableNameError, accountsPayableEmailError, contactNumberError,\r\n businessLegalNameError, companyNameError, firstNameError, lastNameError,\r\n mailingAddressError, billingAddressError, userNameError, showAlert,\r\n confirmText, businessEmailError, fieldToBeValidate);\r\n\r\n let { companyDetails } = this.state;\r\n const {\r\n customerProfile,\r\n profileLoading,\r\n profileErrorMessage,\r\n oldUserName\r\n } = this.props;\r\n\r\n if (companyDetails === null) {\r\n companyDetails = customerProfile;\r\n }\r\n\r\n const billingAddress = [];\r\n\r\n if (companyDetails && companyDetails.companyAddresses) {\r\n companyDetails.companyAddresses\r\n .map((x) => {\r\n console.log(x);\r\n if (x.isPrimary === true) {\r\n billingAddress.push(x);\r\n }\r\n return x.isPrimary === true;\r\n });\r\n }\r\n\r\n const billingIndex = companyDetails\r\n && companyDetails.companyAddresses\r\n && companyDetails.companyAddresses\r\n .findIndex((x) => { return x.isPrimary === true; });\r\n\r\n const mailingAddress = companyDetails\r\n && companyDetails.companyAddresses\r\n && companyDetails.companyAddresses\r\n .filter((x) => { return x.isPrimary === false; });\r\n\r\n const mailingIndex = companyDetails\r\n && companyDetails.companyAddresses\r\n && companyDetails.companyAddresses\r\n .findIndex((x) => { return x.isPrimary === false; });\r\n\r\n\r\n console.log('billingIndex :', billingIndex);\r\n console.log('mailingIndex :', mailingIndex);\r\n\r\n console.log('CustomerProfile :', companyDetails);\r\n console.log('billingAddress :', billingAddress, mailingIndex, profileErrorMessage);\r\n\r\n return (\r\n <>\r\n \r\n Accounts Payable Information\r\n
\r\n \r\n\r\n \r\n {\r\n onAccountsPayableNameChange(event);\r\n }}\r\n />\r\n \r\n {accountsPayableNameError}\r\n \r\n
\r\n \r\n \r\n {\r\n onAccountsPayableEmailChange(event);\r\n }}\r\n disabled={!isEditable}\r\n onBlur={validateAccountsPayableEmail}\r\n />\r\n \r\n {accountsPayableEmailError}\r\n \r\n
\r\n {profileErrorMessage}
}\r\n { isEditable\r\n ? (\r\n\r\n {\r\n this.onCancelClick();\r\n }}\r\n >\r\n CANCEL\r\n \r\n \r\n SAVE\r\n \r\n
\r\n )\r\n : null}\r\n\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Security;\r\n","/* eslint-disable jsx-a11y/label-has-associated-control */\r\nimport React from 'react';\r\n\r\nclass ChangePassword extends React.Component {\r\n render() {\r\n const {\r\n currentPassword,\r\n newPassword,\r\n confirmPassword,\r\n currentPasswordError,\r\n newPasswordError,\r\n confirmPasswordError,\r\n handleChange\r\n } = this.props;\r\n\r\n return (\r\n \r\n \r\n {\r\n this.changeEditable('username');\r\n }}\r\n className=\"change-username-password-link\"\r\n >\r\n Change Username\r\n \r\n
\r\n \r\n \r\n {\r\n this.changeEditable('password');\r\n }}\r\n className=\"change-username-password-link\"\r\n >\r\n Change Password\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default ChangePassword;\r\n","/* eslint-disable jsx-a11y/label-has-associated-control */\r\nimport React from 'react';\r\n\r\nclass ChangeUsername extends React.Component {\r\n render() {\r\n // const { customerProfile } = this.props;\r\n const {\r\n currentUsername,\r\n newUsername,\r\n confirmUsername,\r\n currentUsernameError,\r\n newUsernameError,\r\n confirmUsernameError,\r\n handleChange,\r\n validateUserNameCall\r\n } = this.props;\r\n return (\r\n \r\n Change Password\r\n
\r\n\r\n \r\n {\r\n handleChange(event, 'currentPassword', 'password');\r\n }}\r\n placeholder=\"Enter Current Password\"\r\n />\r\n \r\n {currentPasswordError}\r\n \r\n
\r\n \r\n \r\n {\r\n handleChange(event, 'newPassword', 'password');\r\n }}\r\n placeholder=\"Enter New Password\"\r\n />\r\n \r\n {newPasswordError}\r\n \r\n
\r\n \r\n \r\n {\r\n handleChange(event, 'confirmPassword', 'password');\r\n }}\r\n placeholder=\"Re-Enter New Password\"\r\n />\r\n \r\n {confirmPasswordError}\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default ChangeUsername;\r\n","/* eslint-disable jsx-a11y/label-has-associated-control */\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport Security from './Security';\r\nimport ChangePassword from './ChangePassword';\r\nimport ChangeUsername from './ChangeUsername';\r\nimport { updateCustomerCredentials, updateCustomerCredentialsReset } from '../../../store/actions/customerProfile';\r\nimport { validatePerson } from '../../../store/services/invitation';\r\nimport { AlertMessages, RegEx } from '../../Constants';\r\nimport Spinner from '../../common/Loader';\r\n\r\nclass SecurityIndex extends React.Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n isPasswordEditable: false,\r\n isUserNameEditable: false,\r\n currentUsername: '',\r\n newUsername: '',\r\n confirmUsername: '',\r\n currentPassword: '',\r\n newPassword: '',\r\n confirmPassword: '',\r\n\r\n currentUsernameError: '',\r\n newUsernameError: '',\r\n confirmUsernameError: '',\r\n currentPasswordError: '',\r\n newPasswordError: '',\r\n confirmPasswordError: '',\r\n selectedOption: '',\r\n isUserNameExits: false\r\n };\r\n\r\n this.validateUserNameCall = this.validateUserNameCall.bind(this);\r\n }\r\n\r\n changeEditable = (option) => {\r\n const { customerCredentialsReset } = this.props;\r\n if (option === 'password') {\r\n this.setState({ isPasswordEditable: true, selectedOption: 'password' }, () => {\r\n customerCredentialsReset();\r\n });\r\n } else {\r\n this.setState({ isUserNameEditable: true, selectedOption: 'username' }, () => {\r\n customerCredentialsReset();\r\n });\r\n }\r\n }\r\n\r\n onCancelClick = () => {\r\n const { customerCredentialsReset } = this.props;\r\n this.setState({ isPasswordEditable: false, isUserNameEditable: false }, () => {\r\n customerCredentialsReset();\r\n });\r\n }\r\n\r\n handleChange = (event, type, option) => {\r\n const {\r\n currentUsername,\r\n newUsername,\r\n confirmUsername,\r\n currentPassword,\r\n newPassword,\r\n confirmPassword,\r\n currentUsernameError,\r\n newUsernameError,\r\n confirmUsernameError,\r\n currentPasswordError,\r\n newPasswordError,\r\n confirmPasswordError\r\n\r\n } = this.state;\r\n console.log(\r\n currentUsername,\r\n newUsername,\r\n confirmUsername,\r\n currentPassword,\r\n newPassword,\r\n confirmPassword,\r\n\r\n currentUsernameError,\r\n newUsernameError,\r\n confirmUsernameError,\r\n currentPasswordError,\r\n newPasswordError,\r\n confirmPasswordError\r\n );\r\n\r\n const value = event.target.value.trim();\r\n console.log(value);\r\n\r\n switch (type) {\r\n case 'currentUsername':\r\n this.setState({ currentUsername: value, currentUsernameError: value ? '' : AlertMessages.Credential.CurrentUsername });\r\n break;\r\n case 'newUsername':\r\n if (!value) {\r\n this.setState({ newUsername: value, newUsernameError: value ? '' : AlertMessages.Credential.NewUsername });\r\n } else if (value.length > 0\r\n && value.length < 5) {\r\n this.setState({\r\n newUsername: value,\r\n newUsernameError: AlertMessages.Invitations.MinUserName\r\n });\r\n } else if (value.length > 0\r\n && value.length > 25) {\r\n this.setState({\r\n newUsername: value,\r\n newUsernameError: AlertMessages.Invitations.MaxUserName\r\n });\r\n } else {\r\n this.setState({\r\n newUsername: value,\r\n newUsernameError: value ? '' : AlertMessages.Credential.NewUsername\r\n });\r\n }\r\n\r\n if (confirmUsername && value) {\r\n if (confirmUsername !== value) {\r\n this.setState({\r\n confirmUsernameError: AlertMessages.Credential.DoesNotMatchUsername\r\n });\r\n } else {\r\n this.setState({ confirmUsernameError: '' });\r\n }\r\n }\r\n break;\r\n case 'confirmUsername':\r\n this.setState({ confirmUsername: value, confirmUsernameError: value ? '' : AlertMessages.Credential.ConfirmUsername });\r\n if (newUsername && value) {\r\n if (newUsername !== value) {\r\n this.setState({\r\n confirmUsernameError: AlertMessages.Credential.DoesNotMatchUsername\r\n });\r\n }\r\n }\r\n break;\r\n\r\n case 'currentPassword':\r\n this.setState({ currentPassword: value, currentPasswordError: value ? '' : AlertMessages.Credential.CurrentPassword });\r\n break;\r\n case 'newPassword':\r\n this.setState({\r\n newPassword: value,\r\n newPasswordError: value\r\n ? (!RegEx.passwordRegex.test(value) ? AlertMessages.Credential.ValidPassword\r\n : '') : AlertMessages.Credential.NewPassword\r\n });\r\n if (confirmPassword && value) {\r\n if (confirmPassword !== value) {\r\n this.setState({\r\n confirmPasswordError: AlertMessages.Credential.DoesNotMatchPassword\r\n });\r\n } else {\r\n this.setState({ confirmPasswordError: '' });\r\n }\r\n }\r\n break;\r\n case 'confirmPassword':\r\n this.setState({ confirmPassword: value, confirmPasswordError: value ? '' : AlertMessages.Credential.ConfirmPassword });\r\n if (newPassword && value) {\r\n if (newPassword !== value) {\r\n this.setState({\r\n confirmPasswordError: AlertMessages.Credential.DoesNotMatchPassword\r\n });\r\n } else {\r\n this.setState({ confirmPasswordError: '' });\r\n }\r\n }\r\n break;\r\n\r\n default:\r\n break;\r\n }\r\n\r\n this.setState({ selectedOption: option });\r\n }\r\n\r\n onCancelClick = () => {\r\n const { customerCredentialsReset } = this.props;\r\n this.setState({\r\n isPasswordEditable: false,\r\n isUserNameEditable: false,\r\n selectedOption: '',\r\n currentUsername: '',\r\n newUsername: '',\r\n confirmUsername: '',\r\n currentPassword: '',\r\n newPassword: '',\r\n confirmPassword: '',\r\n currentUsernameError: '',\r\n newUsernameError: '',\r\n confirmUsernameError: '',\r\n currentPasswordError: '',\r\n newPasswordError: '',\r\n confirmPasswordError: '',\r\n isUserNameExits: false\r\n }, () => {\r\n customerCredentialsReset();\r\n });\r\n }\r\n\r\n validateUserName = () => {\r\n const {\r\n currentUsername,\r\n newUsername,\r\n confirmUsername,\r\n currentUsernameError,\r\n newUsernameError,\r\n confirmUsernameError\r\n } = this.state;\r\n console.log(\r\n currentUsername,\r\n newUsername,\r\n confirmUsername,\r\n currentUsernameError,\r\n newUsernameError,\r\n confirmUsernameError\r\n );\r\n\r\n let isValid = true;\r\n if (currentUsername === '') {\r\n isValid = false;\r\n this.setState({ currentUsernameError: AlertMessages.Credential.CurrentUsername });\r\n }\r\n if (newUsername === '') {\r\n isValid = false;\r\n this.setState({ newUsernameError: AlertMessages.Credential.NewUsername });\r\n }\r\n if (newUsername.length > 0\r\n && newUsername.length < 5) {\r\n isValid = false;\r\n this.setState({ newUsernameError: AlertMessages.Invitations.MinUserName });\r\n }\r\n if (newUsername.length > 0\r\n && newUsername.length > 25) {\r\n isValid = false;\r\n this.setState({ newUsernameError: AlertMessages.Invitations.MaxUserName });\r\n }\r\n if (confirmUsername === '') {\r\n isValid = false;\r\n this.setState({ confirmUsernameError: AlertMessages.Credential.ConfirmUsername });\r\n }\r\n if (confirmUsername && newUsername) {\r\n if (confirmUsername !== newUsername) {\r\n isValid = false;\r\n this.setState({\r\n confirmUsernameError: AlertMessages.Credential.DoesNotMatchUsername\r\n });\r\n }\r\n }\r\n return isValid;\r\n }\r\n\r\n validatePassword = () => {\r\n const {\r\n currentPassword,\r\n newPassword,\r\n confirmPassword,\r\n currentPasswordError,\r\n newPasswordError,\r\n confirmPasswordError\r\n\r\n } = this.state;\r\n console.log(\r\n currentPassword,\r\n newPassword,\r\n confirmPassword,\r\n currentPasswordError,\r\n newPasswordError,\r\n confirmPasswordError\r\n );\r\n let isValid = true;\r\n if (currentPassword === '') {\r\n isValid = false;\r\n this.setState({ currentPasswordError: AlertMessages.Credential.CurrentPassword });\r\n }\r\n if (newPassword === '') {\r\n isValid = false;\r\n this.setState({ newPasswordError: AlertMessages.Credential.NewPassword });\r\n }\r\n if (newPassword) {\r\n if (!RegEx.passwordRegex.test(newPassword)) {\r\n isValid = false;\r\n this.setState({\r\n newPasswordError: AlertMessages.Credential.ValidPassword\r\n });\r\n } else {\r\n this.setState({\r\n newPasswordError: ''\r\n });\r\n }\r\n }\r\n if (confirmPassword === '') {\r\n isValid = false;\r\n this.setState({ confirmPasswordError: AlertMessages.Credential.ConfirmPassword });\r\n }\r\n if (newPassword && confirmPassword) {\r\n if (newPassword !== confirmPassword) {\r\n isValid = false;\r\n this.setState({\r\n confirmPasswordError: AlertMessages.Credential.DoesNotMatchPassword\r\n });\r\n }\r\n }\r\n return isValid;\r\n }\r\n\r\n saveCredentials = () => {\r\n const { updateCredentials, customerProfile } = this.props;\r\n const {\r\n currentUsername,\r\n newUsername,\r\n confirmUsername,\r\n currentPassword,\r\n newPassword,\r\n confirmPassword,\r\n selectedOption,\r\n isUserNameExits\r\n } = this.state;\r\n\r\n const usernameData = {\r\n currentUserName: currentUsername,\r\n userName: newUsername,\r\n confirmUserName: confirmUsername\r\n };\r\n\r\n const passwordData = {\r\n currentPassword,\r\n password: newPassword,\r\n confirmPassword\r\n };\r\n let isValid = false;\r\n console.log(isUserNameExits);\r\n if (selectedOption === 'username') {\r\n isValid = this.validateUserName();\r\n if (isValid && !isUserNameExits) {\r\n updateCredentials(\r\n usernameData,\r\n customerProfile.personDetail.personId,\r\n selectedOption\r\n );\r\n }\r\n }\r\n\r\n if (selectedOption === 'password') {\r\n isValid = this.validatePassword();\r\n if (isValid) {\r\n updateCredentials(\r\n passwordData,\r\n customerProfile.personDetail.personId,\r\n selectedOption\r\n );\r\n }\r\n }\r\n\r\n const { credentialsLoading, credentialsErrorMessage } = this.props;\r\n console.log(this.props);\r\n if (credentialsLoading === false && isValid && !isUserNameExits) {\r\n if (credentialsErrorMessage === null) {\r\n this.setState({\r\n isPasswordEditable: false,\r\n isUserNameEditable: false,\r\n selectedOption: '',\r\n currentUsername: '',\r\n newUsername: '',\r\n confirmUsername: '',\r\n currentPassword: '',\r\n newPassword: '',\r\n confirmPassword: '',\r\n currentUsernameError: '',\r\n newUsernameError: '',\r\n confirmUsernameError: '',\r\n currentPasswordError: '',\r\n newPasswordError: '',\r\n confirmPasswordError: ''\r\n });\r\n }\r\n }\r\n }\r\n\r\n async validateUserNameCall() {\r\n const {\r\n currentUsername,\r\n newUsername,\r\n confirmUsername,\r\n currentUsernameError,\r\n newUsernameError,\r\n confirmUsernameError\r\n } = this.state;\r\n const { unChangedCompanyDetails } = this.props;\r\n console.log(\r\n currentUsername,\r\n newUsername,\r\n confirmUsername,\r\n currentUsernameError,\r\n newUsernameError,\r\n confirmUsernameError\r\n );\r\n let userName = '';\r\n if (unChangedCompanyDetails) {\r\n userName = unChangedCompanyDetails.unChangedPersonDetail.userName;\r\n }\r\n\r\n if (userName !== newUsername) {\r\n if (newUsername.length > 0\r\n && newUsername.length < 5) {\r\n this.setState({ newUsernameError: AlertMessages.Invitations.MinUserName });\r\n } else if (newUsername.length > 0\r\n && newUsername.length > 25) {\r\n this.setState({ newUsernameError: AlertMessages.Invitations.MaxUserName });\r\n } else {\r\n try {\r\n const response = await validatePerson({\r\n email: false,\r\n userName: true,\r\n searchText: newUsername\r\n });\r\n if (response.data.resultCount > 0) {\r\n this.setState({\r\n newUsernameError: AlertMessages.Invitations.ExistingErrorMessage + 'User Name',\r\n isUserNameExits: true\r\n });\r\n console.log(response);\r\n } else {\r\n this.setState({ isUserNameExits: false });\r\n }\r\n } catch (error) {\r\n console.log(console.log(error));\r\n }\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n const {\r\n isEditable,\r\n isPasswordEditable,\r\n isUserNameEditable,\r\n currentUsername,\r\n newUsername,\r\n confirmUsername,\r\n currentPassword,\r\n newPassword,\r\n confirmPassword,\r\n currentUsernameError,\r\n newUsernameError,\r\n confirmUsernameError,\r\n currentPasswordError,\r\n newPasswordError,\r\n confirmPasswordError,\r\n selectedOption\r\n\r\n } = this.state;\r\n const { customerProfile, credentialsLoading, credentialsErrorMessage } = this.props;\r\n console.log(selectedOption);\r\n console.log(this.state);\r\n return (\r\n <>\r\n { !isPasswordEditable && !isUserNameEditable\r\n ? (\r\n \r\n Change Username\r\n
\r\n\r\n \r\n {\r\n handleChange(event, 'currentUsername', 'username');\r\n }}\r\n placeholder=\"User Name\"\r\n />\r\n \r\n {currentUsernameError}\r\n \r\n
\r\n \r\n \r\n {\r\n handleChange(event, 'newUsername', 'username');\r\n }}\r\n placeholder=\"Enter New Username\"\r\n onBlur={validateUserNameCall}\r\n />\r\n \r\n {newUsernameError}\r\n \r\n
\r\n \r\n \r\n {\r\n handleChange(event, 'confirmUsername', 'username');\r\n }}\r\n placeholder=\"Re-Enter New Username\"\r\n />\r\n \r\n {confirmUsernameError}\r\n \r\n
\r\n {credentialsErrorMessage}
}\r\n { isPasswordEditable || isUserNameEditable\r\n ? (\r\n\r\n {\r\n this.onCancelClick();\r\n }}\r\n >\r\n CANCEL\r\n \r\n \r\n SAVE\r\n \r\n
\r\n )\r\n : null}\r\n {credentialsLoading ? ACCOUNT SETTINGS
\r\n\r\n \r\n\r\n \r\n { console.log(event); }} allowMultipleExpanded=\"true\" allowZeroExpanded=\"true\" className=\"cd-accordion\">\r\n \r\n \r\n \r\n COMPANY PROFILE\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n SECURITY\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n customerProfile: state.customerProfile.customerProfileDetails,\r\n unChangedCompanyDetails: state.customerProfile.unChangedCompanyDetails,\r\n loading: state.customerProfile.loading\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n fetchCustomerProfile: () => {\r\n return dispatch(getCustomerProfile());\r\n },\r\n customerCredentialsReset: () => {\r\n return dispatch(updateCustomerCredentialsReset());\r\n },\r\n companyProfileReset: () => {\r\n return updateCompanyProfileReset();\r\n }\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(AccountDetails);\r\n","/* eslint-disable import/no-extraneous-dependencies */\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { NavLink } from 'react-router-dom';\r\nimport { Dropdown } from 'react-bootstrap';\r\nimport classnames from 'classnames';\r\n\r\nimport Spinner from './Loader';\r\nimport Debounce from '../Utils/Debounce';\r\nimport AccountDetails from '../customer/accountSettings/AccountDetails';\r\n\r\nimport { isAuthenticated } from '../../utils/utility_helpers';\r\nimport {\r\n logout as logoutService\r\n} from '../../store/actions/auth';\r\n\r\nimport Logo from '../../assets/images/Empower-new-logo.svg';\r\n\r\nclass Header extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n prevScrollpos: window.pageYOffset,\r\n showHeader: true,\r\n shadow: true,\r\n errorMessage: null,\r\n loading: false,\r\n campaignId: null,\r\n show: false\r\n };\r\n }\r\n\r\n static getDerivedStateFromProps(props, state) {\r\n if (\r\n props.errorMessage !== state.errorMessage\r\n || props.loading !== state.loading\r\n || props.redirect !== state.redirect\r\n ) {\r\n return {\r\n campaignId: props.campaignId,\r\n errorMessage: props.errorMessage,\r\n loading: props.loading,\r\n redirect: props.redirect\r\n };\r\n }\r\n\r\n return {\r\n campaignId: props.campaignId\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.handleButtonClick();\r\n window.addEventListener('scroll', this.handleScroll);\r\n window.addEventListener('click', this.handleButtonClick);\r\n }\r\n\r\n componentWillUnmount() {\r\n window.removeEventListener('scroll', Debounce(this.handleScroll, 20));\r\n window.addEventListener('click', Debounce(this.handleButtonClick, 0));\r\n }\r\n\r\n handleButtonClick = () => {\r\n let tempShowHeader = true;\r\n const packageId = localStorage.getItem('PackageId');\r\n const pathName = window.location.pathname;\r\n\r\n if (localStorage.getItem('PackageId')) {\r\n if (packageId !== null && pathName === '/packages') {\r\n tempShowHeader = false;\r\n }\r\n }\r\n\r\n this.setState({ showHeader: tempShowHeader });\r\n }\r\n\r\n handleScroll = () => {\r\n const { prevScrollpos } = this.state;\r\n const currentScrollPos = window.pageYOffset;\r\n const shadow = prevScrollpos < 93;\r\n\r\n this.setState({\r\n prevScrollpos: currentScrollPos,\r\n shadow\r\n });\r\n };\r\n\r\n handleLogout = (event) => {\r\n const { onLogout } = this.props;\r\n event.preventDefault();\r\n\r\n onLogout();\r\n };\r\n\r\n checkUserLogged = () => {\r\n return isAuthenticated();\r\n };\r\n\r\n profileSettings = () => {\r\n this.setState({ show: true });\r\n }\r\n\r\n profileSettingsClose = () => {\r\n this.setState({\r\n show: false\r\n });\r\n }\r\n\r\n render() {\r\n const {\r\n shadow,\r\n loading,\r\n showHeader,\r\n campaignId,\r\n show\r\n } = this.state;\r\n console.log(campaignId);\r\n\r\n const { isNavVisibile } = this.props;\r\n const loggedIn = this.checkUserLogged();\r\n const packageId = localStorage.getItem('PackageId');\r\n const pathName = window.location.pathname;\r\n let tempShowHeader = true;\r\n\r\n if (localStorage.getItem('PackageId')) {\r\n tempShowHeader = showHeader;\r\n if (packageId !== null && pathName === '/packages') {\r\n tempShowHeader = false;\r\n }\r\n }\r\n\r\n return (\r\n \r\n
\r\n\r\n {loading && \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n 
\r\n \r\n
\r\n \r\n {isNavVisibile !== 'hide' && (\r\n
\r\n - \r\n {/* {!loggedIn && (\r\n
- \r\n \r\n CONTACT US\r\n \r\n \r\n )} */}\r\n\r\n {tempShowHeader && (\r\n <>\r\n
- \r\n
\r\n What to expect\r\n \r\n \r\n\r\n - \r\n
\r\n packages and pricing\r\n \r\n \r\n\r\n - \r\n
how it works \r\n \r\n\r\n {/* - \r\n
- \r\n
\r\n \r\n \r\n ) : (\r\n - \r\n
\r\n
\r\n\r\n {loading && \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {isNavVisibile !== 'hide' && (\r\n
\r\n\r\n\r\n - \r\n {/* {!loggedIn && (\r\n
- \r\n \r\n CONTACT US\r\n \r\n \r\n )} */}\r\n
- { return this.closeMenu(); }} className=\"navigation-list-item\">\r\n
\r\n What to expect\r\n \r\n \r\n\r\n - { return this.closeMenu(); }} className=\"navigation-list-item\">\r\n
\r\n packages and pricing\r\n \r\n \r\n\r\n - { return this.closeMenu(); }} className=\"navigation-list-item\">\r\n
how it works \r\n \r\n\r\n - { return this.closeMenu(); }} className=\"navigation-list-item\">\r\n
- \r\n
\r\n \r\n \r\n ) : (\r\n - { return this.closeMenu(); }} className=\"navigation-list-item\">\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default PartialLayout;\r\n","import React from 'react';\r\nimport ReviewSuccessPopUp from '../PreIntakeComponent/packages/campaignComponents/container/ReviewSuccessPopUp';\r\n\r\nconst UserWelcomeLayout = (props) => {\r\n return (\r\n <>\r\n \r\n
\r\n {children}
\r\n \r\n
\r\n\r\n {(loading || actionItemsLoading) && \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n
tasks \r\n \r\n\r\n - \r\n
customers \r\n \r\n - \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n\r\n {allMessageList.length}\r\n
\r\n {allMessageList.map((list) => {\r\n return (\r\n \r\n{\r\n this.handleViewMessage(list, null);\r\n }}\r\n >\r\n {list.subject}\r\n \r\n );\r\n })}\r\n \r\n
\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t- \r\n\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tINDUSTRIES\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tPLATFORM\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tPRICING\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tABOUT US\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tGET IN TOUCH\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t(!pathName.includes('login') && pathName !== '/')\r\n\t\t\t\t\t\t\t\t\t\t&& (\r\n\t\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\tLOG IN\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t
\r\n
\r\n\r\n {loading && \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n\t\t\t\t\t\t\t
\r\n - \r\n\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\tCREATIVE LIBRARY\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\tCAMPAIGNS\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t{deliverableActionItems && deliverableActionItems.length ? (\r\n\t\t\t\t\t\t\t\t\t - \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t{deliverableActionItems.length}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t{deliverableActionItems.map((list) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t{ this.handleActionItems(list, 'deliverable'); }}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{list.fileName}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t) : null}\r\n\r\n\t\t\t\t\t\t\t\t{pastDueTaskActionItems && pastDueTaskActionItems.length\r\n\t\t\t\t\t\t\t\t\t? (\r\n\t\t\t\t\t\t\t\t\t\t - \r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{pastDueTaskActionItems.length}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{pastDueTaskActionItems.map((list) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t{ this.handleActionItems(list, 'task'); }}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{list.taskName}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t) : null}\r\n\r\n\t\t\t\t\t\t\t\t{activeTaskActionItems && activeTaskActionItems.length\r\n\t\t\t\t\t\t\t\t\t? (\r\n\t\t\t\t\t\t\t\t\t\t - \r\n\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{activeTaskActionItems.length}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{activeTaskActionItems.map((list) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t{ this.handleActionItems(list, 'task'); }}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{list.taskName}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t) : null}\r\n\r\n\t\t\t\t\t\t\t\t{messageActionItems && messageActionItems.length\r\n\t\t\t\t\t\t\t\t\t? (\r\n\t\t\t\t\t\t\t\t\t\t - \r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{messageActionItems.map((list) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t{ this.handleActionItems(list, 'message'); }}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{list.subject}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t
{headerText}
\r\n \r\n\r\n \r\n \r\n \r\n \r\n {cancelButtonText}\r\n \r\n \r\n {saveButtonText}\r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default ConfirmAlert;\r\n","/* eslint-disable import/no-cycle */\r\n/* eslint-disable no-tabs */\r\n/* eslint-disable indent */\r\nimport * as actionTypes from './actionTypes';\r\nimport { locationFinished, updateCompanyDetails, locationFail } from './location';\r\nimport { updatePerson } from './person';\r\nimport { setErrorMessage } from '../../utils/utility_helpers';\r\nimport { getCompanyService, updateCompanyservice, getCompanyPromotions } from '../services/company';\r\n\r\nconst companyFail = (errorMessage) => {\r\n return {\r\n type: actionTypes.COMPANY_FAIL,\r\n errorMessage\r\n };\r\n};\r\n\r\nconst companySuccess = (data) => {\r\n return {\r\n type: actionTypes.COMPANY_SUCCESS,\r\n data\r\n };\r\n};\r\n\r\nexport const getCompany = () => {\r\n return async (dispatch) => {\r\n try {\r\n const response = await getCompanyService(localStorage.getItem('CompanyId'));\r\n dispatch(companySuccess(response.data.data));\r\n dispatch(updateCompanyDetails(response.data.data));\r\n dispatch(locationFinished());\r\n } catch (error) {\r\n const errorMessage = setErrorMessage(error);\r\n dispatch(companyFail(errorMessage));\r\n }\r\n };\r\n};\r\n\r\nexport const updateCompany = (formData) => {\r\n return async (dispatch) => {\r\n try {\r\n await updateCompanyservice(formData.companyObject);\r\n dispatch(updatePerson(formData));\r\n } catch (error) {\r\n const errorMessage = setErrorMessage(error);\r\n dispatch(locationFail(errorMessage));\r\n dispatch(companyFail(errorMessage));\r\n }\r\n };\r\n};\r\n\r\nexport const getCompanyPromotionsList = (companyId) => {\r\n\treturn async (dispatch) => {\r\n\t\t// dispatch({ type: actionTypes.COMPANY_START });\r\n\t\tconst response = await getCompanyPromotions(companyId);\r\n\t\tif (response.status === 200) {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: actionTypes.GET_COMPANY_PROMOTIONS_SUCCESS,\r\n\t\t\t\tdata: response.data\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tconst errorMessage = setErrorMessage(response);\r\n\t\t\tdispatch({ type: actionTypes.COMPANY_FAIL, data: errorMessage });\r\n\t\t}\r\n\t};\r\n};\r\n","/* eslint-disable no-unused-vars */\r\nimport {\r\n format,\r\n parseISO\r\n} from 'date-fns';\r\n\r\nimport {\r\n CLEAR_ALL_PACKAGE_RELATED_STORES,\r\n\r\n REVIEW_ERROR_HANDLER,\r\n REVIEW_FORM_SUBMITTED,\r\n REVIEW_INITIATION,\r\n REVIEW_SUCCESS_DETAILS,\r\n POST_REVIEW_INITIATIONS,\r\n SHOW_DISCOUNT_ALERT\r\n} from './actionTypes';\r\n\r\nimport {\r\n getReviewDetails,\r\n postReviewData,\r\n validateCampaignDiscount\r\n} from '../services/review';\r\n\r\nimport {\r\n isObjectEmpty,\r\n setErrorMessage\r\n} from '../../utils/utility_helpers';\r\n\r\nconst buildReviewData = (response = {}) => {\r\n const reviewDetails = {};\r\n const { data } = response;\r\n const {\r\n isLocationSpecificBudget,\r\n isDetailedFlighting,\r\n person,\r\n campaignChannels,\r\n campaignAudiences,\r\n locationBudgetComment,\r\n datesFlightingComment,\r\n objectiveApproachComment,\r\n mediaMixComment,\r\n audienceComment\r\n } = data;\r\n\r\n const startDate = data.startDate ? format(parseISO(data.startDate), 'M/d/yyyy') : 'M/d/YYYY';\r\n const endDate = data.endDate ? format(parseISO(data.endDate), 'M/d/yyyy') : 'M/d/YYYY';\r\n const campaignLocations = data.campaignLocations ? data.campaignLocations : [];\r\n const locations = [];\r\n const flightingStatus = isDetailedFlighting ? 'I have specified priority weeks (with increased media investment during those weeks) and/or dark weeks (with no media investment those weeks).' : 'no data';\r\n\r\n if (campaignLocations) {\r\n campaignLocations.map((item, index) => {\r\n const location = {};\r\n location.id = item.id;\r\n location.name = item.storeLocationName;\r\n location.address1 = item.address1 ? item.address1 : '';\r\n location.address2 = item.address2 ? item.address2 : '';\r\n location.city = item.city ? item.city : '';\r\n location.state = item.state ? item.state : '';\r\n location.zip = item.zip ? item.zip : '';\r\n location.locationBudget = isLocationSpecificBudget ? item.locationBudget.intakeMediaBudget : '';\r\n locations.push(location);\r\n\r\n return locations;\r\n });\r\n }\r\n\r\n const mediaBudgetTotal = data.mediaBudgetTotal ? data.mediaBudgetTotal : 0;\r\n const campaignObjective = !isObjectEmpty(data.campaignObjective) ? data.campaignObjective.campaignObjectiveDesc : '';\r\n const campaignMediaApproach = !isObjectEmpty(data.campaignMediaApproach) ? data.campaignMediaApproach.mediaApproachDesc : '';\r\n const campaignDemographic = {};\r\n campaignDemographic.gender = !isObjectEmpty(data.campaignDemographic) ? data.campaignDemographic.gender : '';\r\n campaignDemographic.range = !isObjectEmpty(data.campaignDemographic) ? data.campaignDemographic.range : '';\r\n const channels = [];\r\n\r\n if (campaignChannels) {\r\n campaignChannels.map((item, index) => {\r\n const channelDetails = {};\r\n const { channelName } = item.channel;\r\n const { preferenceIndicator, campaignChannelAssets } = item;\r\n const channelAssetName = [];\r\n\r\n if (campaignChannelAssets) {\r\n campaignChannelAssets.map((list, i) => {\r\n const { typeOfEntry } = list;\r\n\r\n if (typeOfEntry.toLowerCase() === 'multiselect') {\r\n return channelAssetName.push(list.channelAssetName);\r\n }\r\n\r\n if (typeOfEntry.toLowerCase() === 'textbox' || typeOfEntry.toLowerCase() === 'multiselecttextbox') {\r\n return channelAssetName.push(list.notes);\r\n }\r\n\r\n return channelAssetName;\r\n });\r\n }\r\n\r\n channelDetails.channelId = item.id;\r\n channelDetails.channelName = channelName;\r\n channelDetails.preferenceIndicator = preferenceIndicator;\r\n channelDetails.channelAssetName = channelAssetName;\r\n channels.push(channelDetails);\r\n\r\n return channels;\r\n });\r\n }\r\n\r\n const audience = [];\r\n\r\n if (campaignAudiences) {\r\n campaignAudiences.map((item, index) => {\r\n return audience.push(item.audience);\r\n });\r\n }\r\n\r\n reviewDetails.startDate = startDate;\r\n reviewDetails.endDate = endDate;\r\n reviewDetails.flightingStatus = flightingStatus;\r\n reviewDetails.locations = locations;\r\n reviewDetails.mediaBudgetTotal = mediaBudgetTotal;\r\n reviewDetails.campaignObjective = campaignObjective;\r\n reviewDetails.campaignMediaApproach = campaignMediaApproach;\r\n reviewDetails.isLocationSpecificBudget = isLocationSpecificBudget;\r\n reviewDetails.isDetailedFlighting = isDetailedFlighting;\r\n reviewDetails.userEmail = !isObjectEmpty(person) ? person.email : '';\r\n reviewDetails.campaignDemographic = campaignDemographic;\r\n reviewDetails.channels = channels;\r\n reviewDetails.audience = audience;\r\n reviewDetails.locationBudgetComment = locationBudgetComment || '';\r\n reviewDetails.datesFlightingComment = datesFlightingComment || '';\r\n reviewDetails.objectiveApproachComment = objectiveApproachComment || '';\r\n reviewDetails.mediaMixComment = mediaMixComment || '';\r\n reviewDetails.audienceComment = audienceComment || '';\r\n return reviewDetails;\r\n};\r\n\r\nconst getReview = () => {\r\n return async (dispatch) => {\r\n try {\r\n dispatch({\r\n type: REVIEW_INITIATION\r\n });\r\n\r\n const reviewResponse = await getReviewDetails();\r\n\r\n if (reviewResponse && reviewResponse.data.resultCount > 0) {\r\n dispatch({\r\n type: REVIEW_SUCCESS_DETAILS,\r\n data: buildReviewData(reviewResponse.data)\r\n });\r\n }\r\n } catch (error) {\r\n dispatch({\r\n type: REVIEW_ERROR_HANDLER,\r\n data: setErrorMessage(error)\r\n });\r\n }\r\n };\r\n};\r\n\r\nconst postReview = (data) => {\r\n return async (dispatch) => {\r\n try {\r\n const postData = {};\r\n const {\r\n firstName,\r\n lastName,\r\n jobTitle,\r\n dateAndTime,\r\n showDiscountAlert\r\n } = data;\r\n\r\n postData.firstName = firstName;\r\n postData.lastName = lastName;\r\n postData.jobTitle = jobTitle;\r\n postData.dateAndTime = dateAndTime;\r\n\r\n if (showDiscountAlert) {\r\n dispatch({\r\n type: POST_REVIEW_INITIATIONS\r\n });\r\n const response = await postReviewData(postData);\r\n\r\n if (response && response.data.resultCount > 0) {\r\n dispatch({\r\n type: REVIEW_FORM_SUBMITTED,\r\n data: response.data.data\r\n });\r\n }\r\n } else {\r\n dispatch({\r\n type: REVIEW_INITIATION\r\n });\r\n const getResponse = await validateCampaignDiscount();\r\n console.log(getResponse);\r\n\r\n if (getResponse && getResponse.data.resultCount) {\r\n const { status } = getResponse.data.data;\r\n\r\n if (!status) {\r\n dispatch({\r\n type: SHOW_DISCOUNT_ALERT,\r\n data: true\r\n });\r\n } else {\r\n dispatch({\r\n type: POST_REVIEW_INITIATIONS\r\n });\r\n const response = await postReviewData(postData);\r\n\r\n if (response && response.data.resultCount > 0) {\r\n dispatch({\r\n type: REVIEW_FORM_SUBMITTED,\r\n data: response.data.data\r\n });\r\n }\r\n }\r\n }\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n\r\n dispatch({\r\n type: REVIEW_ERROR_HANDLER,\r\n data: setErrorMessage(error)\r\n });\r\n }\r\n };\r\n};\r\n\r\nconst handleDiscountPopup = (data = {}) => {\r\n return (dispatch) => {\r\n dispatch({\r\n type: SHOW_DISCOUNT_ALERT,\r\n data\r\n });\r\n };\r\n};\r\n\r\nconst clearAllPackageRelatedStore = () => {\r\n return (dispatch) => {\r\n localStorage.removeItem('CampaignId');\r\n localStorage.removeItem('IntakeStepId');\r\n localStorage.removeItem('PackageId');\r\n\r\n dispatch({\r\n type: CLEAR_ALL_PACKAGE_RELATED_STORES\r\n });\r\n };\r\n};\r\n\r\nexport {\r\n getReview,\r\n postReview,\r\n clearAllPackageRelatedStore,\r\n handleDiscountPopup\r\n};\r\n","/* eslint-disable import/no-cycle */\r\nimport * as actionTypes from './actionTypes';\r\n// import { updateCompany } from './company';\r\nimport { getCampaign } from './campaign';\r\nimport * as actions from './index';\r\nimport { setErrorMessage } from '../../utils/utility_helpers';\r\nimport { updateCampaignService } from '../services/campaign';\r\nimport { getLocationsService, updateLocationsService } from '../services/location';\r\n// import { getPersonDetails } from './person';\r\nimport { navigationTabList } from '../../components/Constants';\r\nimport { updateNavigation } from './navigation';\r\n\r\nexport const locationStart = () => {\r\n return {\r\n type: actionTypes.LOCATION_START\r\n };\r\n};\r\n\r\nexport const locationFail = (error) => {\r\n return {\r\n type: actionTypes.LOCATION_FAIL,\r\n errorMessage: error\r\n };\r\n};\r\n\r\nexport const locationFinished = () => {\r\n return {\r\n type: actionTypes.LOCATION_FINISHED\r\n };\r\n};\r\n\r\nexport const locationSuccess = (data) => {\r\n return {\r\n type: actionTypes.LOCATION_SUCCESS,\r\n data\r\n };\r\n};\r\n\r\nexport const updateIsSaved = (data) => {\r\n return {\r\n type: actionTypes.IS_SAVED,\r\n data\r\n };\r\n};\r\nexport const deleteCampaignSuccess = () => {\r\n return {\r\n type: actionTypes.DELETE_CAMPAIGN_SUCCESS\r\n };\r\n};\r\nexport const updateCompanyDetails = (data) => {\r\n return {\r\n type: actionTypes.UPDATE_COMPANY_DETAILS,\r\n data\r\n };\r\n};\r\nexport const updateLocationAndMediaBudgetState = (data) => {\r\n return {\r\n type: actionTypes.UPDATE_LOCATION_AND_MEDIA_BUDGET_STATE,\r\n data\r\n };\r\n};\r\n\r\nexport const setIndividualLocationDetails = (data) => {\r\n return {\r\n type: actionTypes.SET_INDIVIDUAL_LOCATION_DETAILS,\r\n data\r\n };\r\n};\r\n\r\nexport const updateLocationPersonDetails = (data) => {\r\n return {\r\n type: actionTypes.SET_LOCATION_PERSON_DETAILS,\r\n data\r\n };\r\n};\r\n\r\nexport const setLocationInitialState = () => {\r\n return {\r\n type: actionTypes.SET_LOCATION_INITIAL_STATE\r\n };\r\n};\r\n\r\nexport const updateLocations = (data) => {\r\n const formData = data;\r\n const campaignId = localStorage.getItem('CampaignId');\r\n return async (dispatch) => {\r\n try {\r\n dispatch(locationStart());\r\n const response = await updateLocationsService(campaignId, formData.locations);\r\n formData.locations.locationDetails = response.data.data;\r\n dispatch(locationSuccess(formData));\r\n dispatch(updateNavigation(navigationTabList.campaignDates, 2));\r\n // dispatch(updateCompany(formData));\r\n } catch (error) {\r\n const errorMessage = setErrorMessage(error);\r\n dispatch(locationFail(errorMessage));\r\n }\r\n };\r\n};\r\n\r\nexport const updateCampaign = (formData) => {\r\n return async (dispatch) => {\r\n try {\r\n const campaignId = localStorage.getItem('CampaignId');\r\n dispatch(locationStart());\r\n await updateCampaignService(campaignId, {\r\n locationBudgetComment: formData.locationBudgetComment,\r\n intakeStepId: 2\r\n });\r\n dispatch(updateLocations(formData));\r\n } catch (error) {\r\n const errorMessage = setErrorMessage(error);\r\n dispatch(locationFail(errorMessage));\r\n }\r\n };\r\n};\r\n\r\nexport const getLocations = (campaignId) => {\r\n return async (dispatch) => {\r\n try {\r\n dispatch(locationStart());\r\n const response = await getLocationsService(campaignId);\r\n // dispatch(getPersonDetails());\r\n dispatch(getCampaign(campaignId));\r\n dispatch(setIndividualLocationDetails(response.data.data));\r\n } catch (error) {\r\n const errorMessage = setErrorMessage(error);\r\n dispatch(locationFail(errorMessage));\r\n }\r\n };\r\n};\r\n\r\nexport const clearLocations = (navigate, type, intakeStepId) => {\r\n return (dispatch) => {\r\n if (type === 'changed') {\r\n dispatch(updateIsSaved(true));\r\n }\r\n\r\n dispatch(actions.updateNavigation(navigate, intakeStepId));\r\n };\r\n};\r\n","import React from 'react';\r\n\r\nconst Spinner = (props) => {\r\n const { loaderClass, message } = props;\r\n\r\n return (\r\n \r\n
\r\n {confirmText}
\r\n\r\n }\r\n
\r\n );\r\n};\r\n\r\nexport default Spinner;\r\n","import { API } from '../../helpers/apiHelpers';\r\n\r\nconst getCampaignDates = async () => {\r\n const campaignId = localStorage.getItem('CampaignId') ? localStorage.getItem('CampaignId') : '';\r\n\r\n if (campaignId) {\r\n const url = `campaigns/${campaignId}/flightingstatus`;\r\n try {\r\n return await API.get(url);\r\n } catch (error) {\r\n return Promise.reject(error);\r\n }\r\n }\r\n return null;\r\n};\r\n\r\nconst getFlightingOptions = async () => {\r\n const url = '/flightingstatuses';\r\n try {\r\n return await API.get(url);\r\n } catch (error) {\r\n return Promise.reject(error);\r\n }\r\n};\r\n\r\nconst getCampaignComments = async () => {\r\n const campaignId = localStorage.getItem('CampaignId') ? localStorage.getItem('CampaignId') : '';\r\n\r\n if (campaignId) {\r\n const url = `/campaigns/${campaignId}?isDetailed=false`;\r\n try {\r\n return await API.get(url);\r\n } catch (error) {\r\n return Promise.reject(error);\r\n }\r\n }\r\n return null;\r\n};\r\n\r\nconst postCampaignFlighting = async (data) => {\r\n const campaignId = localStorage.getItem('CampaignId') ? localStorage.getItem('CampaignId') : '';\r\n\r\n if (campaignId) {\r\n const url = `/campaigns/${campaignId}/flightingstatus`;\r\n try {\r\n return await API.post(url, data);\r\n } catch (error) {\r\n return Promise.reject(error);\r\n }\r\n }\r\n return null;\r\n};\r\n\r\nconst postCampaignComments = async (data) => {\r\n const campaignId = localStorage.getItem('CampaignId') ? localStorage.getItem('CampaignId') : '';\r\n\r\n if (campaignId) {\r\n const url = `/campaigns/${campaignId}`;\r\n try {\r\n return await API.patch(url, data);\r\n } catch (error) {\r\n return Promise.reject(error);\r\n }\r\n }\r\n return null;\r\n};\r\n\r\nconst getCampaignPackageDetails = async () => {\r\n const companyId = localStorage.getItem('CompanyId') ? localStorage.getItem('CompanyId') : '';\r\n\r\n if (companyId) {\r\n const url = '/packages/company?companyId=' + companyId;\r\n try {\r\n const response = await API.get(url);\r\n return response;\r\n } catch (error) {\r\n return Promise.reject(error);\r\n }\r\n }\r\n return null;\r\n};\r\n\r\nexport {\r\n getCampaignDates,\r\n getCampaignComments,\r\n getFlightingOptions,\r\n postCampaignComments,\r\n postCampaignFlighting,\r\n getCampaignPackageDetails\r\n};\r\n","module.exports = __webpack_public_path__ + \"static/media/icon-list.ea77bdac.svg\";","module.exports = __webpack_public_path__ + \"static/media/icon-error.ce0abd0d.svg\";","module.exports = __webpack_public_path__ + \"static/media/icon-pie-chart.65c907f9.svg\";","/* eslint-disable import/no-cycle */\r\n/* eslint-disable max-len */\r\nimport {\r\n CAMPAIGN_DETAILS_START,\r\n STORE_CAMPAIGN_ID,\r\n CAMPAIGN_DETAILS_END,\r\n ADMIN_CLEAR_ALL_CAMPAIGN_STORE,\r\n\r\n // Flighting Table Section\r\n GET_LOCATION_LIST_SUCCESS,\r\n GET_LOCATION_LIST_ERROR_HANDLER,\r\n CLOSE_CREATIVE_UPLOAD_POPUP,\r\n\r\n // Campaign Details Section\r\n GET_ADMIN_CAMPAIGN_DETAILS_SUCCESS,\r\n GET_ADMIN_CAMPAIGN_DETAILS_FAIL,\r\n UPDATE_CAMPAIGN_DATES_ERROR,\r\n CLEAR_ERROR_MESSAGE,\r\n\r\n // Reward Points Section\r\n CAMPAIGN_REWARDS_FAIL,\r\n GET_CAMPAIGN_REWARDS_SUCCESS,\r\n SHOW_ADD_SUBTRACT_REWARD_POINTS,\r\n UPDATE_REWARD_POINT_SUCCESS,\r\n UPDATE_CAMPAIGN_REWARDS_FAIL,\r\n\r\n // Document Section\r\n CAMPAIGN_DOCUMENTS_FAIL,\r\n GET_CAMPAIGN_DOCUMENTS_SUCCESS,\r\n DELETE_CAMPAIGN_DOCUMENT_SUCCESS,\r\n ADMIN_DOCUMENT_POST_START,\r\n ADMIN_DOCUMENT_POST_SUCCESS,\r\n ADMIN_DOCUMENT_POST_ERROR_HANDLER,\r\n ADMIN_DOCUMENT_POST_END,\r\n\r\n // Tasks Section\r\n GET_CAMPAIGN_TASKS_SUCCESS,\r\n GET_CAMPAIGN_TASKS_FAIL,\r\n SHOW_UPDATE_TASK_DETAILS_POPUP,\r\n HANDLE_ADD_NEW_TASK_POPUP,\r\n NEW_TASK_ERROR_HANDLER,\r\n UPDATE_TASK_DETAILS_ERROR,\r\n UPDATE_TASK_DETAILS_SUCCESS,\r\n\r\n // Message Section\r\n ADMIN_MESSAGE_LIST_FAIL,\r\n GET_ADMIN_MESSAGE_LIST_SUCCESS,\r\n ADMIN_GET_MESSAGE_LIST_START,\r\n ADMIN_SHOW_COMPOSE_MESSAGE,\r\n ADMIN_MESSAGE_ERROR_HANDLER,\r\n ADMIN_SHOW_VIEW_MESSAGE,\r\n UPDATE_CAMPAIGN_DATES,\r\n FETCH_CAMPAIGN_DETAILS_START,\r\n FETCH_CAMPAIGN_DETAILS_END\r\n} from './actionTypes';\r\n\r\nimport {\r\n getCampaignSercvice,\r\n getCampaignRewardsService,\r\n getCampaignTasksService,\r\n getCampaignDocumentsService,\r\n deleteCampaignDocumentsService,\r\n updateRewardPointsService,\r\n postFileUploadDetails,\r\n postNewTask,\r\n getTaskDetails,\r\n updateTaskDetailsService,\r\n updateTaskInformation,\r\n updateCampaignDate,\r\n markAsCompleteTaskService\r\n} from '../services/campaign';\r\nimport { getAdminDeliverableListSuccess, getAdminDeliverableList } from './adminDeliverables';\r\nimport { getCompanyLocations } from '../services/company';\r\nimport { getDeliverablesService } from '../services/adminDeliverables';\r\nimport { getFlighting } from './adminFlightingTable';\r\nimport { getCampaignMessageListService, markAsReadOrUnreadService } from '../services/adminMessageList';\r\nimport {\r\n postNewMessage,\r\n getMessageDetails\r\n} from '../services/customerCampaignDetails';\r\nimport { getAllActionItems } from './adminCustomerList';\r\nimport {\r\n setErrorMessage,\r\n isArrayEmpty,\r\n dateFormatter,\r\n isObjectEmpty,\r\n isMonday,\r\n addDaysToDate,\r\n subtractDaysToDate,\r\n addWeeksToDate,\r\n getDateInString\r\n} from '../../utils/utility_helpers';\r\nimport { TaskType, TaskIds } from '../../components/Constants';\r\nimport { getAdminCreativesList, getAdminPromotionsList, getAdminChannelsList } from './adminCreativeUploads';\r\n\r\nconst toBase64 = (file) => {\r\n return new Promise((resolve, reject) => {\r\n const reader = new FileReader();\r\n reader.readAsDataURL(file);\r\n reader.onload = () => {\r\n return resolve({\r\n fileName: file.name,\r\n base64: reader.result\r\n });\r\n };\r\n reader.onerror = (error) => {\r\n console.log(error);\r\n return reject(error);\r\n };\r\n console.log(reader);\r\n });\r\n};\r\n\r\nconst getAdminCampaignDetailsSuccess = (details) => {\r\n const {\r\n startDate,\r\n endDate,\r\n createdDateTime,\r\n campaignCompany,\r\n campaignPackage,\r\n isHidden,\r\n isCompleted\r\n } = details;\r\n const data = {};\r\n const campaignDates = {};\r\n data.startDate = startDate || '';\r\n data.endDate = endDate || '';\r\n data.createdDateTime = createdDateTime ? dateFormatter(createdDateTime, 'utcToLocal') : '';\r\n data.companyLegalName = campaignCompany.companyLegalName || '';\r\n data.companyId = campaignCompany.id || '';\r\n data.packageType = campaignPackage.packageName || '';\r\n data.isArchivedCampaign = (isHidden || isCompleted) || false;\r\n data.isCompleted = isCompleted;\r\n data.campaignPackage = campaignPackage;\r\n campaignDates.campaignStartDate = startDate || '';\r\n campaignDates.campaignEndDate = endDate || '';\r\n campaignDates.isEditable = false;\r\n campaignDates.campaignCreatedDate = data.createdDateTime;\r\n campaignDates.isCampaignDateUpdated = true;\r\n let todayDate = new Date();\r\n\r\n console.log(isMonday(todayDate));\r\n while (!isMonday(todayDate)) {\r\n todayDate = addDaysToDate(todayDate, 1);\r\n }\r\n console.log(isMonday(todayDate));\r\n campaignDates.minStartDate = dateFormatter(todayDate, 'MM-DD-YYYY');\r\n const endDateMinimumWeeks = 1;\r\n const campaignEndDate = addWeeksToDate(todayDate, endDateMinimumWeeks);\r\n campaignDates.minEndDate = dateFormatter(subtractDaysToDate(campaignEndDate, 1), 'MM-DD-YYYY');\r\n data.campaignDates = campaignDates;\r\n\r\n return {\r\n type: GET_ADMIN_CAMPAIGN_DETAILS_SUCCESS,\r\n data\r\n };\r\n};\r\n\r\nconst getAdminCampaignDetailsFail = (errorMessage) => {\r\n return {\r\n type: GET_ADMIN_CAMPAIGN_DETAILS_FAIL,\r\n errorMessage\r\n };\r\n};\r\n\r\nconst getCampaignRewardsSuccess = (data) => {\r\n return {\r\n type: GET_CAMPAIGN_REWARDS_SUCCESS,\r\n data\r\n };\r\n};\r\n\r\nconst getCampaignDocumentsSuccess = (data) => {\r\n return {\r\n type: GET_CAMPAIGN_DOCUMENTS_SUCCESS,\r\n data\r\n };\r\n};\r\n\r\nconst updateRewardsPointSuccess = (data) => {\r\n return {\r\n type: UPDATE_REWARD_POINT_SUCCESS,\r\n data\r\n };\r\n};\r\n\r\nconst clearAllCampaignStore = () => {\r\n return {\r\n type: ADMIN_CLEAR_ALL_CAMPAIGN_STORE\r\n };\r\n};\r\n\r\n/* Tasks Section Start */\r\nconst getCampaignTasks = (campaignId) => {\r\n return async (dispatch) => {\r\n try {\r\n dispatch({\r\n type: CAMPAIGN_DETAILS_START\r\n });\r\n const response = await getCampaignTasksService(campaignId);\r\n dispatch({\r\n type: GET_CAMPAIGN_TASKS_SUCCESS,\r\n data: response.data.data\r\n });\r\n console.log(response);\r\n dispatch({\r\n type: CAMPAIGN_DETAILS_END\r\n });\r\n } catch (error) {\r\n const errorMessage = setErrorMessage(error);\r\n dispatch({\r\n type: GET_CAMPAIGN_TASKS_FAIL,\r\n errorMessage\r\n });\r\n }\r\n };\r\n};\r\n\r\n/* Campaign Details Section Start */\r\nconst getAdminCampaignDetails = (campaignId, isMIMPackageSelected) => {\r\n return async (dispatch) => {\r\n try {\r\n dispatch({\r\n type: CAMPAIGN_DETAILS_START\r\n });\r\n dispatch({\r\n type: STORE_CAMPAIGN_ID,\r\n data: campaignId\r\n });\r\n const response = await getCampaignSercvice(campaignId);\r\n const { data } = response;\r\n console.log(data, isMIMPackageSelected);\r\n\r\n // Flighting Table Location List Section\r\n if (data && data.resultCount > 0 && !isMIMPackageSelected) {\r\n const { campaignCompany } = data.data;\r\n const { id: companyId } = campaignCompany;\r\n if (companyId) {\r\n const locationResponse = await getCompanyLocations(companyId);\r\n console.log(locationResponse);\r\n const { data: locationData } = locationResponse;\r\n const locationList = [];\r\n if (locationData && locationData.resultCount > 0 && locationData.data) {\r\n locationData.data.map((item) => {\r\n const { id, storeLocationName } = item;\r\n const locationObject = {};\r\n locationObject.id = id;\r\n locationObject.storeLocationName = storeLocationName;\r\n locationObject.isAssigned = false;\r\n locationObject.isChecked = false;\r\n locationList.push(locationObject);\r\n return null;\r\n });\r\n dispatch({\r\n type: GET_LOCATION_LIST_SUCCESS,\r\n data: locationList\r\n });\r\n }\r\n }\r\n }\r\n dispatch(getAdminCampaignDetailsSuccess(response.data.data));\r\n dispatch({\r\n type: CAMPAIGN_DETAILS_END\r\n });\r\n } catch (error) {\r\n console.log(error);\r\n const errorMessage = setErrorMessage(error);\r\n dispatch(getAdminCampaignDetailsFail(errorMessage));\r\n dispatch({\r\n type: GET_LOCATION_LIST_ERROR_HANDLER,\r\n data: errorMessage\r\n });\r\n dispatch({\r\n type: CAMPAIGN_DETAILS_END\r\n });\r\n }\r\n };\r\n};\r\n\r\nconst updateCampaignDates = (data = {}) => {\r\n return async (dispatch) => {\r\n try {\r\n dispatch({\r\n type: FETCH_CAMPAIGN_DETAILS_START\r\n });\r\n const { campaignDates, campaignId } = data;\r\n const putData = {};\r\n putData.startDate = campaignDates.campaignStartDate;\r\n putData.endDate = campaignDates.campaignEndDate;\r\n\r\n const response = await updateCampaignDate(campaignId, putData);\r\n if (response) {\r\n const campaign = {};\r\n campaign.campaignStartDate = getDateInString(campaignDates.campaignStartDate);\r\n campaign.campaignEndDate = getDateInString(campaignDates.campaignEndDate);\r\n campaign.isEditable = false;\r\n campaign.campaignCreatedDate = getDateInString(campaignDates.campaignCreatedDate);\r\n campaign.isCampaignDateUpdated = !campaignDates.isCampaignDateUpdated;\r\n campaign.minStartDate = campaignDates.minStartDate;\r\n campaign.minEndDate = campaignDates.minEndDate;\r\n const responseData = {};\r\n responseData.campaignDates = campaign;\r\n\r\n dispatch({\r\n type: UPDATE_CAMPAIGN_DATES,\r\n data: responseData\r\n });\r\n dispatch({\r\n type: FETCH_CAMPAIGN_DETAILS_START\r\n });\r\n dispatch(getFlighting(campaignId));\r\n await dispatch(getCampaignTasks(campaignId));\r\n } else {\r\n dispatch({\r\n type: UPDATE_CAMPAIGN_DATES_ERROR,\r\n data: setErrorMessage(response)\r\n });\r\n }\r\n dispatch({\r\n type: FETCH_CAMPAIGN_DETAILS_END\r\n });\r\n } catch (error) {\r\n const errorMessage = setErrorMessage(error);\r\n dispatch({\r\n type: FETCH_CAMPAIGN_DETAILS_END\r\n });\r\n dispatch({\r\n type: UPDATE_CAMPAIGN_DATES_ERROR,\r\n data: errorMessage\r\n });\r\n }\r\n };\r\n};\r\n\r\nconst clearCampaignErrorMessage = () => {\r\n return {\r\n type: CLEAR_ERROR_MESSAGE\r\n };\r\n};\r\n/* Campaign Details Section End */\r\n\r\n/* Reward Points Section Start */\r\nconst getCampaignRewards = (campaignId) => {\r\n return async (dispatch) => {\r\n try {\r\n dispatch({\r\n type: CAMPAIGN_DETAILS_START\r\n });\r\n const rewardResponse = await getCampaignRewardsService(campaignId);\r\n console.log(rewardResponse);\r\n dispatch(getCampaignRewardsSuccess(rewardResponse.data.data));\r\n } catch (error) {\r\n const errorMessage = setErrorMessage(error);\r\n dispatch({\r\n type: CAMPAIGN_REWARDS_FAIL,\r\n errorMessage\r\n });\r\n }\r\n };\r\n};\r\n\r\nconst updateRewardPoints = (object) => {\r\n return async (dispatch) => {\r\n try {\r\n dispatch({\r\n type: CAMPAIGN_DETAILS_START\r\n });\r\n const rewardResponse = await updateRewardPointsService(object);\r\n console.log(rewardResponse);\r\n dispatch(updateRewardsPointSuccess(rewardResponse.data.data));\r\n dispatch({\r\n type: CAMPAIGN_DETAILS_END\r\n });\r\n } catch (error) {\r\n const errorMessage = setErrorMessage(error);\r\n dispatch({\r\n type: UPDATE_CAMPAIGN_REWARDS_FAIL,\r\n errorMessage\r\n });\r\n }\r\n };\r\n};\r\n\r\nconst showAddSubtractPointsPopupUpdate = (data) => {\r\n return {\r\n type: SHOW_ADD_SUBTRACT_REWARD_POINTS,\r\n data\r\n };\r\n};\r\n/* Reward Points Section End */\r\n\r\nconst buildEditTaskData = (details = {}) => {\r\n console.log(details);\r\n const data = {};\r\n if (!isObjectEmpty(details)) {\r\n const {\r\n id,\r\n taskOwner,\r\n fixedStartDate,\r\n isActionable,\r\n isCompleted,\r\n pastDueLag,\r\n reminderLeadTime,\r\n revisedDuration,\r\n taskDescription,\r\n pastDueDescription,\r\n completedDescription,\r\n workFlowTaskRelationshipDetails\r\n } = details;\r\n\r\n const predecessorWorkFlowTaskId = workFlowTaskRelationshipDetails && workFlowTaskRelationshipDetails.predecessorWorkFlowTaskId ? workFlowTaskRelationshipDetails.predecessorWorkFlowTaskId : 0;\r\n const predecessorLag = workFlowTaskRelationshipDetails && workFlowTaskRelationshipDetails.lag ? workFlowTaskRelationshipDetails.lag : 0;\r\n data.workFlowTaskId = id || 0;\r\n data.taskOwner = taskOwner || '';\r\n data.fixedStartDate = fixedStartDate ? dateFormatter(fixedStartDate, 'MM-DD-YYYY') : '';\r\n data.isActionable = isActionable || false;\r\n data.isCompleted = isCompleted || false;\r\n data.pastDueLag = pastDueLag || 0;\r\n data.reminderLeadTime = reminderLeadTime || 0;\r\n data.revisedDuration = revisedDuration || 0;\r\n data.taskDescription = taskDescription || '';\r\n data.pastDueDescription = pastDueDescription || '';\r\n data.completedDescription = completedDescription || '';\r\n data.predecessorWorkFlowTaskId = predecessorWorkFlowTaskId;\r\n data.predecessorLag = predecessorLag;\r\n }\r\n return data;\r\n};\r\n\r\nconst showUpdateTaskDetails = (data) => {\r\n return {\r\n type: SHOW_UPDATE_TASK_DETAILS_POPUP,\r\n data\r\n };\r\n};\r\n\r\nconst handleAddNewTask = (details = {}) => {\r\n return async (dispatch) => {\r\n try {\r\n const {\r\n showNewTask,\r\n taskType,\r\n campaignId,\r\n task,\r\n creativeUploadTask,\r\n tableLocationDetails\r\n } = details;\r\n const data = details;\r\n data.editTaskDetails = {};\r\n if (showNewTask && taskType === 'editTask') {\r\n dispatch({\r\n type: CAMPAIGN_DETAILS_START\r\n });\r\n\r\n const response = await getTaskDetails(campaignId, task.workFlowTaskId);\r\n\r\n if (response && response.data.resultCount) {\r\n const { data: getData } = response.data;\r\n data.editTaskDetails = getData;\r\n const editTaskData = buildEditTaskData(getData);\r\n data.editTaskDetails = editTaskData;\r\n dispatch({\r\n type: HANDLE_ADD_NEW_TASK_POPUP,\r\n data\r\n });\r\n\r\n if (creativeUploadTask) {\r\n data.tableLocationDetails = tableLocationDetails;\r\n dispatch({\r\n type: CLOSE_CREATIVE_UPLOAD_POPUP,\r\n data\r\n });\r\n }\r\n\r\n dispatch({\r\n type: CAMPAIGN_DETAILS_END\r\n });\r\n } else {\r\n dispatch({\r\n type: NEW_TASK_ERROR_HANDLER,\r\n data: setErrorMessage(response)\r\n });\r\n dispatch({\r\n type: CAMPAIGN_DETAILS_END\r\n });\r\n }\r\n } else {\r\n dispatch({\r\n type: HANDLE_ADD_NEW_TASK_POPUP,\r\n data\r\n });\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n dispatch({\r\n type: NEW_TASK_ERROR_HANDLER,\r\n data: setErrorMessage(error)\r\n });\r\n dispatch({\r\n type: CAMPAIGN_DETAILS_END\r\n });\r\n }\r\n };\r\n};\r\n\r\nconst postNewTaskDetails = (campaignId = 0, taskType, workFlowTaskId, data = {}) => {\r\n return async (dispatch) => {\r\n try {\r\n dispatch({\r\n type: CAMPAIGN_DETAILS_START\r\n });\r\n\r\n if (taskType === 'newTask') {\r\n const postResponse = await postNewTask(campaignId, data);\r\n\r\n if (postResponse && postResponse.data.resultCount) {\r\n dispatch(getCampaignTasks(campaignId));\r\n dispatch(getFlighting(campaignId));\r\n } else {\r\n dispatch({\r\n type: NEW_TASK_ERROR_HANDLER,\r\n data: setErrorMessage(postResponse)\r\n });\r\n }\r\n } else if (taskType === 'editTask') {\r\n const response = await updateTaskInformation(campaignId, workFlowTaskId, data);\r\n\r\n if (response && response.status === 204) {\r\n dispatch(getCampaignTasks(campaignId));\r\n dispatch(getFlighting(campaignId));\r\n } else {\r\n dispatch({\r\n type: NEW_TASK_ERROR_HANDLER,\r\n data: setErrorMessage(response)\r\n });\r\n }\r\n }\r\n\r\n dispatch({\r\n type: CAMPAIGN_DETAILS_END\r\n });\r\n } catch (error) {\r\n console.log(error);\r\n dispatch({\r\n type: NEW_TASK_ERROR_HANDLER,\r\n data: setErrorMessage(error)\r\n });\r\n dispatch({\r\n type: CAMPAIGN_DETAILS_END\r\n });\r\n }\r\n };\r\n};\r\n\r\nconst updateTaskDetails = (campaignId, task, data, fileObject, companyId) => {\r\n console.log(task, 'task');\r\n return async (dispatch) => {\r\n try {\r\n const postData = data;\r\n dispatch({\r\n type: CAMPAIGN_DETAILS_START\r\n });\r\n if (task.taskType === TaskType.UploadDocument\r\n || task.taskType === TaskType.DocumentUploaded\r\n || (task.taskType === TaskType.UploadFileOrSendEmail && postData.isDirectFileUpload)) {\r\n if (fileObject.documentUploadOptions.uploadedFiles\r\n && !isArrayEmpty(fileObject.documentUploadOptions.uploadedFiles)) {\r\n await Promise.all(fileObject.documentUploadOptions.uploadedFiles.map(async (item) => {\r\n const file = await toBase64(item);\r\n console.log(file);\r\n const base64Data = file.base64.split(',')[1];\r\n postData.fileName = file.fileName;\r\n postData.media = base64Data;\r\n }));\r\n }\r\n }\r\n\r\n let postResponse = {};\r\n if (task.isMarkAsComplete) {\r\n postResponse = await markAsCompleteTaskService(task.workFlowTaskId);\r\n } else {\r\n postResponse = await updateTaskDetailsService(campaignId, task.workFlowTaskId, postData);\r\n }\r\n\r\n console.log(postResponse);\r\n if (postResponse.data.resultCount) {\r\n if ((task.taskType === TaskType.YesOrNo && !postData.isMediaBuy)\r\n || (data.reviewMediaPlan && data.reviewMediaPlan.isReject)\r\n || (task.taskId === TaskIds.EndOfCampaign)\r\n ) {\r\n window.location.href = '/admin/customer-details?id=' + btoa(companyId);\r\n } else {\r\n dispatch(getCampaignTasks(campaignId));\r\n if (task.taskType === TaskType.UploadDocument\r\n || task.taskType === TaskType.DocumentUploaded\r\n || task.TaskType === TaskType.UploadFileOrSendEmail) {\r\n const response = await getCampaignDocumentsService(campaignId);\r\n if (response.data.resultCount > 0 && response.data.data) {\r\n dispatch(getCampaignDocumentsSuccess(response.data.data));\r\n }\r\n const deliverableResponse = await getDeliverablesService(campaignId);\r\n const savedData = {};\r\n savedData.deliverableList = deliverableResponse.data.data;\r\n dispatch(getAdminDeliverableListSuccess(savedData));\r\n // getAdminDeliverableList(campaignId);\r\n }\r\n dispatch({\r\n type: UPDATE_TASK_DETAILS_SUCCESS\r\n });\r\n }\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n dispatch({\r\n type: UPDATE_TASK_DETAILS_ERROR,\r\n errorMessage: setErrorMessage(error)\r\n });\r\n }\r\n };\r\n};\r\n/* Tasks Section End */\r\n\r\n/* Documents Section Start */\r\nconst getCampaignDocuments = (campaignId) => {\r\n return async (dispatch) => {\r\n try {\r\n dispatch({\r\n type: CAMPAIGN_DETAILS_START\r\n });\r\n const response = await getCampaignDocumentsService(campaignId);\r\n if (response.data.resultCount > 0 && response.data.data) {\r\n dispatch(getCampaignDocumentsSuccess(response.data.data));\r\n }\r\n dispatch({\r\n type: CAMPAIGN_DETAILS_END\r\n });\r\n } catch (error) {\r\n const errorMessage = setErrorMessage(error);\r\n dispatch({\r\n type: CAMPAIGN_DOCUMENTS_FAIL,\r\n errorMessage\r\n });\r\n }\r\n };\r\n};\r\n\r\nconst deleteCampaignDocument = (campaignId, fileId) => {\r\n return async (dispatch) => {\r\n try {\r\n dispatch({\r\n type: CAMPAIGN_DETAILS_START\r\n });\r\n const response = await deleteCampaignDocumentsService(campaignId, fileId);\r\n console.log(response);\r\n dispatch({\r\n type: DELETE_CAMPAIGN_DOCUMENT_SUCCESS,\r\n data: fileId\r\n });\r\n } catch (error) {\r\n const errorMessage = setErrorMessage(error);\r\n dispatch({\r\n type: CAMPAIGN_DOCUMENTS_FAIL,\r\n errorMessage\r\n });\r\n console.log(errorMessage);\r\n }\r\n };\r\n};\r\n\r\nconst postDocumentDetails = (data = {}) => {\r\n console.log(data);\r\n return async (dispatch) => {\r\n try {\r\n dispatch({\r\n type: CAMPAIGN_DETAILS_START\r\n });\r\n dispatch({\r\n type: ADMIN_DOCUMENT_POST_START\r\n });\r\n const {\r\n campaignId,\r\n fileType,\r\n documentUploadOptions\r\n } = data;\r\n\r\n const postData = {};\r\n postData.fileType = fileType;\r\n postData.url = '';\r\n postData.files = null;\r\n if (documentUploadOptions.uploadedFiles\r\n && !isArrayEmpty(documentUploadOptions.uploadedFiles)) {\r\n await Promise.all(documentUploadOptions.uploadedFiles.map(async (item) => {\r\n const file = await toBase64(item);\r\n console.log(file);\r\n const base64Data = file.base64.split(',')[1];\r\n const fileData = {};\r\n fileData.media = base64Data;\r\n fileData.fileName = file.fileName;\r\n fileData.mimeType = item.type;\r\n fileData.dimension = item.width && item.height ? item.width + 'x' + item.height : '';\r\n postData.files = fileData;\r\n console.log('PostData', postData);\r\n }));\r\n }\r\n\r\n const postResponse = await postFileUploadDetails(campaignId, postData);\r\n\r\n if (postResponse) {\r\n dispatch({ type: ADMIN_DOCUMENT_POST_SUCCESS });\r\n dispatch(getCampaignDocuments(campaignId));\r\n dispatch({\r\n type: CAMPAIGN_DETAILS_END\r\n });\r\n } else {\r\n dispatch({\r\n type: ADMIN_DOCUMENT_POST_ERROR_HANDLER,\r\n data: setErrorMessage(postResponse)\r\n });\r\n dispatch({\r\n type: CAMPAIGN_DETAILS_END\r\n });\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n dispatch({\r\n type: ADMIN_DOCUMENT_POST_END\r\n });\r\n dispatch({\r\n type: ADMIN_DOCUMENT_POST_ERROR_HANDLER,\r\n data: setErrorMessage(error)\r\n });\r\n dispatch({\r\n type: CAMPAIGN_DETAILS_END\r\n });\r\n }\r\n };\r\n};\r\n/* Document Section End */\r\n\r\n/* Message Section Start */\r\n\r\nconst getAdminMessageList = (campaignId) => {\r\n return async (dispatch) => {\r\n try {\r\n dispatch({\r\n type: ADMIN_GET_MESSAGE_LIST_START\r\n });\r\n\r\n const response = await getCampaignMessageListService(campaignId);\r\n\r\n const savedData = {};\r\n savedData.messageList = response.data.data;\r\n\r\n dispatch({\r\n type: GET_ADMIN_MESSAGE_LIST_SUCCESS,\r\n data: savedData\r\n });\r\n console.log(savedData);\r\n } catch (error) {\r\n const errorMessage = setErrorMessage(error);\r\n dispatch({\r\n type: ADMIN_MESSAGE_LIST_FAIL,\r\n data: errorMessage\r\n });\r\n }\r\n };\r\n};\r\n\r\nconst markAsReadOrUnread = (messageIds, isRead, campaignId) => {\r\n return async (dispatch) => {\r\n try {\r\n const putData = {};\r\n putData.messageIds = messageIds;\r\n putData.isRead = isRead;\r\n dispatch({\r\n type: CAMPAIGN_DETAILS_START\r\n });\r\n const response = await markAsReadOrUnreadService(putData, campaignId);\r\n if (response.status === 204 || response.status === 200) {\r\n console.log(response);\r\n dispatch(getAllActionItems());\r\n const responseGet = await getCampaignMessageListService(campaignId);\r\n const savedData = {};\r\n savedData.messageList = responseGet.data.data;\r\n dispatch({\r\n type: GET_ADMIN_MESSAGE_LIST_SUCCESS,\r\n data: savedData\r\n });\r\n console.log(savedData);\r\n } else {\r\n dispatch({\r\n type: ADMIN_MESSAGE_LIST_FAIL,\r\n data: response.data.message\r\n });\r\n }\r\n dispatch({\r\n type: CAMPAIGN_DETAILS_END\r\n });\r\n } catch (error) {\r\n const errorMessage = setErrorMessage(error);\r\n dispatch({\r\n type: ADMIN_MESSAGE_LIST_FAIL,\r\n data: errorMessage\r\n });\r\n dispatch({\r\n type: CAMPAIGN_DETAILS_END\r\n });\r\n }\r\n };\r\n};\r\n\r\nconst handleComposeMessage = (data) => {\r\n return {\r\n type: ADMIN_SHOW_COMPOSE_MESSAGE,\r\n data\r\n };\r\n};\r\n\r\nconst postNewMessageDetails = (data = {}) => {\r\n return async (dispatch) => {\r\n try {\r\n dispatch({\r\n type: CAMPAIGN_DETAILS_START\r\n });\r\n\r\n const {\r\n campaignId,\r\n isHighPriority,\r\n subject,\r\n content,\r\n uploadedFiles,\r\n threadId,\r\n type,\r\n emailList,\r\n isCustomerRequired,\r\n attachments\r\n } = data;\r\n\r\n const postData = {};\r\n postData.toPersonId = null;\r\n postData.isCustomerRequired = isCustomerRequired;\r\n postData.toAddresses = emailList;\r\n postData.isHighPriority = isHighPriority;\r\n postData.subject = subject;\r\n postData.content = content;\r\n postData.threadId = null;\r\n postData.isReply = false;\r\n postData.forwardFileDetails = [];\r\n postData.metaData = null;\r\n postData.fileDetails = [];\r\n\r\n if (type === 'replayMessage') {\r\n postData.threadId = threadId;\r\n postData.isReply = true;\r\n } else if (type === 'forwardMessage') {\r\n if (!isCustomerRequired) {\r\n postData.threadId = null;\r\n } else {\r\n postData.threadId = threadId;\r\n }\r\n }\r\n\r\n if (attachments && !isArrayEmpty(attachments)) {\r\n attachments.map((item) => {\r\n const file = {};\r\n file.fileId = item.fileId;\r\n file.fileName = item.fileName;\r\n file.url = item.filePath;\r\n file.mimeType = item.mimeType;\r\n postData.forwardFileDetails.push(file);\r\n\r\n return null;\r\n });\r\n }\r\n\r\n if (uploadedFiles\r\n && !isArrayEmpty(uploadedFiles)) {\r\n await Promise.all(uploadedFiles.map(async (item) => {\r\n const file = await toBase64(item);\r\n const base64Data = file.base64.split(',')[1];\r\n\r\n const fileData = {};\r\n\r\n fileData.media = base64Data;\r\n fileData.fileName = file.fileName;\r\n fileData.mimeType = item.type;\r\n fileData.dimension = item.width && item.height ? item.width + 'x' + item.height : '';\r\n postData.fileDetails.push(fileData);\r\n }));\r\n }\r\n\r\n const response = await postNewMessage(campaignId, postData);\r\n\r\n if (response) {\r\n await dispatch(getAdminMessageList(campaignId));\r\n if (type === 'newMessage') {\r\n dispatch({\r\n type: ADMIN_SHOW_COMPOSE_MESSAGE,\r\n data: {\r\n showComposeMessage: false\r\n }\r\n });\r\n } else {\r\n dispatch({\r\n type: ADMIN_SHOW_VIEW_MESSAGE,\r\n data: {\r\n showMessageDetails: false,\r\n messageDetailsList: []\r\n }\r\n });\r\n }\r\n } else {\r\n dispatch({\r\n type: ADMIN_MESSAGE_ERROR_HANDLER,\r\n data: setErrorMessage(response)\r\n });\r\n }\r\n\r\n dispatch({\r\n type: CAMPAIGN_DETAILS_END\r\n });\r\n } catch (error) {\r\n const errorMessage = setErrorMessage(error);\r\n console.log(errorMessage);\r\n dispatch({\r\n type: CAMPAIGN_DETAILS_END\r\n });\r\n\r\n dispatch({\r\n type: ADMIN_MESSAGE_ERROR_HANDLER,\r\n data: errorMessage\r\n });\r\n }\r\n };\r\n};\r\n\r\nconst handleViewMessage = (data) => {\r\n return async (dispatch) => {\r\n const details = data;\r\n const {\r\n showMessageDetails,\r\n campaignId,\r\n isRead,\r\n messageId,\r\n threadId\r\n } = details;\r\n\r\n details.messageDetailsList = [];\r\n\r\n if (showMessageDetails) {\r\n try {\r\n dispatch({\r\n type: CAMPAIGN_DETAILS_START\r\n });\r\n\r\n const response = await getMessageDetails(campaignId, threadId);\r\n\r\n if (!isRead) {\r\n await dispatch(markAsReadOrUnread(messageId, !isRead, campaignId));\r\n }\r\n dispatch(getAllActionItems());\r\n\r\n if (response) {\r\n const { data: responseData } = response.data;\r\n console.log(responseData);\r\n const messageDetailsList = responseData || [];\r\n details.messageDetailsList = messageDetailsList;\r\n console.log(response);\r\n dispatch({\r\n type: ADMIN_SHOW_VIEW_MESSAGE,\r\n data: details\r\n });\r\n } else {\r\n dispatch({\r\n type: ADMIN_MESSAGE_ERROR_HANDLER,\r\n data: setErrorMessage(response)\r\n });\r\n }\r\n\r\n dispatch({\r\n type: CAMPAIGN_DETAILS_END\r\n });\r\n } catch (error) {\r\n const errorMessage = setErrorMessage(error);\r\n console.log(errorMessage);\r\n\r\n dispatch({\r\n type: CAMPAIGN_DETAILS_END\r\n });\r\n\r\n dispatch({\r\n type: ADMIN_MESSAGE_ERROR_HANDLER,\r\n data: errorMessage\r\n });\r\n }\r\n } else {\r\n dispatch({\r\n type: ADMIN_SHOW_VIEW_MESSAGE,\r\n data: details\r\n });\r\n }\r\n };\r\n};\r\n\r\nconst getAllCampaignDetails = (data = {}) => {\r\n return async (dispatch) => {\r\n try {\r\n const {\r\n campaignId,\r\n isMIMPackageSelected\r\n } = data;\r\n\r\n dispatch({\r\n type: FETCH_CAMPAIGN_DETAILS_START\r\n });\r\n\r\n dispatch(getAdminCampaignDetails(campaignId, isMIMPackageSelected));\r\n dispatch(getCampaignTasks(campaignId));\r\n dispatch(getAdminMessageList(campaignId));\r\n dispatch(getAdminDeliverableList(campaignId));\r\n dispatch(getCampaignDocuments(campaignId));\r\n\r\n if (!isMIMPackageSelected) {\r\n dispatch(getFlighting(campaignId));\r\n dispatch(getCampaignRewards(campaignId));\r\n dispatch(getAdminChannelsList(campaignId));\r\n dispatch(getAdminPromotionsList(campaignId));\r\n dispatch(getAdminCreativesList(campaignId));\r\n }\r\n await dispatch(handleViewMessage(data));\r\n dispatch({\r\n type: FETCH_CAMPAIGN_DETAILS_END\r\n });\r\n } catch (error) {\r\n dispatch({\r\n type: CAMPAIGN_DETAILS_END\r\n });\r\n dispatch({\r\n type: FETCH_CAMPAIGN_DETAILS_END\r\n });\r\n }\r\n };\r\n};\r\n\r\nexport {\r\n getAdminCampaignDetails,\r\n getCampaignRewards,\r\n getCampaignTasks,\r\n getCampaignDocuments,\r\n deleteCampaignDocument,\r\n showAddSubtractPointsPopupUpdate,\r\n updateRewardPoints,\r\n postDocumentDetails,\r\n showUpdateTaskDetails,\r\n handleAddNewTask,\r\n postNewTaskDetails,\r\n updateTaskDetails,\r\n markAsReadOrUnread,\r\n getAdminMessageList,\r\n handleComposeMessage,\r\n postNewMessageDetails,\r\n handleViewMessage,\r\n updateCampaignDates,\r\n getAllCampaignDetails,\r\n clearCampaignErrorMessage,\r\n clearAllCampaignStore\r\n};\r\n","/* eslint-disable array-callback-return */\r\n/* eslint-disable no-useless-escape */\r\n/* eslint-disable indent */\r\n/* eslint-disable no-tabs */\r\nexport const ServerStatus = {\r\n Ok: 200,\r\n created: 201,\r\n InternalServerError: 500\r\n};\r\n\r\nexport const SuccessMessages = {\r\n CustomerCreated: 'Customer created successfully.'\r\n};\r\n\r\nexport const ErrorMessages = {\r\n CustomerCreated: 'Error occured while creating customer.'\r\n};\r\n\r\nexport const InvitationEmailSubject = 'Empower Media Agent - Account Activation';\r\nexport const InvitationBody = 'Thank you for your interest in Empower Media Agent. Please use the activation link and code below to access the platform to learn more about Media Agent packages, pricing, and how it works.';\r\nexport const RequestRevisionSubject = 'Revision Requested on Media Recommendation Plan';\r\nexport const AlertMessages = {\r\n Common: {\r\n RequiredUserName: 'Please enter user name.',\r\n ValidEmailAddress: 'Please enter valid email address.',\r\n ValidateUserName: 'User name should be alpha numeric'\r\n },\r\n Invitations: {\r\n RequiredFirstName: 'Please enter first name',\r\n RequiredLastName: 'Please enter last name',\r\n RequiredCompanyName: 'Please enter legal name.',\r\n RequiredDBA: 'Please enter company name',\r\n RequiredEmail: 'Please enter business email address.',\r\n RequiredEmailSubject: 'Please enter email subject.',\r\n RequiredEmailBody: 'Please enter email body.',\r\n ValidContactNumber: 'Contact number is invalid.',\r\n RangeUserName: 'User name should be greater than 6 character and less than 26 character.',\r\n ValidUserName: 'User name should be alpha numeric',\r\n ExistingErrorMessage: 'There’s already an existing account with the same ',\r\n MinUserName: 'User name should have minimum 5 characters.',\r\n MaxUserName: 'User name should have maximum 25 characters.',\r\n EndDateRange: 'End date should not be less than start date.',\r\n StartDateRange: 'Start date should not be greater than end date',\r\n CustomerSuccessManager: 'Please select customer success manager.',\r\n campaignDateError: 'Please select date.'\r\n },\r\n Login: {\r\n RequiredPassword: 'Please enter password.'\r\n },\r\n LocationForm: {\r\n BusinessLegalName: 'Please enter business legal name.',\r\n CompanyName: 'Please enter company name.',\r\n ContactNumber: 'Please enter contact number.',\r\n LocationName: 'Please enter location name.',\r\n FirstName: 'Please enter first name.',\r\n LastName: 'Please enter last name.',\r\n Year: 'Please enter duration.',\r\n Address1: 'Please enter address 1.',\r\n Address2: 'Please enter address 2.',\r\n City: 'Please enter city.',\r\n State: 'Please select state.',\r\n Zip: 'Please enter zip.',\r\n ValidZip: 'Please enter valid zip code.',\r\n Budget: 'Entered amount must not be more than total budget.',\r\n MediaBudget: 'Amount entered must equal total budget.'\r\n },\r\n MediaMix: {\r\n RequiredMediaChannel: 'Please select atleast one media channel.',\r\n RequiredAllChannelPreferenceIndicator: 'Please select atleast one option in all media channel.',\r\n RequiredIncludeNoPreference: 'Please select atleast one media channel with either “Include” or “No Preference”',\r\n RequiredAsset: ': Available Creative is required.'\r\n },\r\n Company: {\r\n RequiredAccountsPaybleName: 'Please enter accounts payable contact name.',\r\n RequiredAccountsPaybleEmail: 'Please enter accounts payable email address.'\r\n },\r\n RewardPoints: {\r\n AddPointsRequired: 'Please enter points to be awarded.',\r\n RewardPointsNote: 'Please enter note.',\r\n AddZeroPoints: 'Points awarded should be greater than zero.',\r\n DeductPoints: 'Please enter points to be redeemed.',\r\n LessDeductPoints: 'Current reward balance is less than the point redemption requested.',\r\n DeductZeroPoints: 'Points redeemed should be greater than zero.'\r\n },\r\n Credential: {\r\n CurrentUsername: 'Please enter current user name.',\r\n NewUsername: 'Please enter new user name.',\r\n ConfirmUsername: 'Please enter confirm user name.',\r\n DoesNotMatchUsername: 'Confirmed user name does not match.',\r\n CurrentPassword: 'Please enter current password.',\r\n NewPassword: 'Please enter new password.',\r\n ValidPassword: 'Minimum eight characters, at least one uppercase letter, one lowercase letter, one number and one special character.',\r\n ConfirmPassword: 'Please enter confirm password.',\r\n DoesNotMatchPassword: 'Confirmed password does not match.'\r\n }\r\n};\r\n\r\nexport const RegEx = {\r\n ContactNumber: /^(1\\s?)?((\\([0-9]{3}\\))|[0-9]{3})[\\s\\-]?[\\0-9]{3}[\\s\\-]?[0-9]{4}$/,\r\n UserName: /^(?=.*[0-9])(?=.*[a-zA-Z])([a-zA-Z0-9]+)$/,\r\n OnlyNumber: /^[0-9\\b]+$/,\r\n EmailAddressOld: /^(?=[a-zA-Z0-9])(?!.*[\\.+\\-_]{2})([a-zA-Z0-9_+.-]+)@([a-zA-Z0-9_.]+)\\.([a-zA-Z]{2,5})(?!\\.)$/,\r\n EmailAddress: /^(([^<>()[\\]\\\\.,;:\\s@\\\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\\\"]+)*)|(\\\".+\\\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/,\r\n url: /^(http:\\/\\/www\\.|https:\\/\\/www\\.|http:\\/\\/|https:\\/\\/)?[a-z0-9]+([\\-\\.]{1}[a-z0-9]+)*\\.[a-z]{2,5}(:[0-9]{1,5})?(\\/.*)?$/,\r\n urlHasHttp: /^(?:f|ht)tps?\\:\\/\\//,\r\n passwordRegex: /^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[@$!%*?&])[A-Za-z\\d@$!%*?&]{8,}$/\r\n};\r\n\r\nexport const PackageTypes = {\r\n Essential: 'Essential',\r\n Premium: 'Premium',\r\n MarketingImpactModel: 'Marketing'\r\n};\r\n\r\nexport const PackageId = {\r\n Essential: 1,\r\n Premium: 2,\r\n MarketingImpactModel: 3\r\n};\r\n\r\nexport const StateCodes = [\r\n { SatetName: 'Alabama', StateCode: 'AL' },\r\n { SatetName: 'Alaska', StateCode: 'AK' },\r\n { SatetName: 'Arizona', StateCode: 'AZ' },\r\n { SatetName: 'Arkansas', StateCode: 'AR' },\r\n { SatetName: 'California', StateCode: 'CA' },\r\n { SatetName: 'Colorado', StateCode: 'CO' },\r\n { SatetName: 'Connecticut', StateCode: 'CT' },\r\n { SatetName: 'Delaware', StateCode: 'DE' },\r\n { SatetName: 'Florida', StateCode: 'FL' },\r\n { SatetName: 'Georgia', StateCode: 'GA' },\r\n { SatetName: 'Hawaii', StateCode: 'HI' },\r\n { SatetName: 'Idaho', StateCode: 'ID' },\r\n { SatetName: 'Illinois', StateCode: 'IL' },\r\n { SatetName: 'Indiana', StateCode: 'IN' },\r\n { SatetName: 'Iowa', StateCode: 'IA' },\r\n { SatetName: 'Kansas', StateCode: 'KS' },\r\n { SatetName: 'Kentucky', StateCode: 'KY' },\r\n { SatetName: 'Louisiana', StateCode: 'LA' },\r\n { SatetName: 'Maine', StateCode: 'ME' },\r\n { SatetName: 'Maryland', StateCode: 'MD' },\r\n { SatetName: 'Massachusetts', StateCode: 'MA' },\r\n { SatetName: 'Michigan', StateCode: 'MI' },\r\n { SatetName: 'Minnesota', StateCode: 'MN' },\r\n { SatetName: 'Mississippi', StateCode: 'MS' },\r\n { SatetName: 'Missouri', StateCode: 'MO' },\r\n { SatetName: 'Montana', StateCode: 'MT' },\r\n { SatetName: 'Nebraska', StateCode: 'NE' },\r\n { SatetName: 'Nevada', StateCode: 'NV' },\r\n { SatetName: 'NewHampshire', StateCode: 'NH' },\r\n { SatetName: 'NewJersey', StateCode: 'NJ' },\r\n { SatetName: 'NewMexico', StateCode: 'NM' },\r\n { SatetName: 'NewYork', StateCode: 'NY' },\r\n { SatetName: 'NorthCarolina', StateCode: 'NC' },\r\n { SatetName: 'NorthDakota', StateCode: 'ND' },\r\n { SatetName: 'Ohio', StateCode: 'OH' },\r\n { SatetName: 'Oklahoma', StateCode: 'OK' },\r\n { SatetName: 'Oregon', StateCode: 'OR' },\r\n { SatetName: 'Pennsylvania', StateCode: 'PA' },\r\n { SatetName: 'RhodeIsland', StateCode: 'RI' },\r\n { SatetName: 'SouthCarolina', StateCode: 'SC' },\r\n { SatetName: 'SouthDakota', StateCode: 'SD' },\r\n { SatetName: 'Tennessee', StateCode: 'TN' },\r\n { SatetName: 'Texas', StateCode: 'TX' },\r\n { SatetName: 'Utah', StateCode: 'UT' },\r\n { SatetName: 'Vermont', StateCode: 'VT' },\r\n { SatetName: 'Virginia', StateCode: 'VA' },\r\n { SatetName: 'Washington', StateCode: 'WA' },\r\n { SatetName: 'WestVirginia', StateCode: 'WV' },\r\n { SatetName: 'Wisconsin', StateCode: 'WI' },\r\n { SatetName: 'Wyoming', StateCode: 'WY' }\r\n];\r\n\r\nexport const LocationFeilds = {\r\n LocationName: 'LocationName',\r\n Address1: 'Address1',\r\n Address2: 'Address2',\r\n City: 'City',\r\n State: 'State',\r\n ZipCode: 'ZipCode',\r\n Budget: 'Budget',\r\n Year: 'Year',\r\n TimeZone: 'TimeZone'\r\n};\r\n\r\nexport const MarketLocationFeilds = {\r\n LocationName: 'LocationName',\r\n Budget: 'Budget',\r\n NumberOfLocations: 'NumberOfLocations'\r\n};\r\n\r\nexport const InvitationFields = {\r\n LegalName: 'LegalName',\r\n BusinessName: 'BusinessName',\r\n FirstName: 'FirstName',\r\n LastName: 'LastName',\r\n PhoneNumber: 'PhoneNumber',\r\n UserName: 'UserName',\r\n BusinessEmail: 'BusinessEmail',\r\n EmailSubject: 'EmailSubject',\r\n EmailBody: 'EmailBody',\r\n AdditionalEmail: 'AdditionalEmail'\r\n};\r\n\r\nexport const ChannelTypes = {\r\n TV: 'TV',\r\n OnlineVideo: 'ONLINE VIDEO',\r\n Radio: 'RADIO',\r\n OnlineAudio: 'ONLINE AUDIO',\r\n NewsPaper: 'NEWSPAPER',\r\n Magzine: 'MAGAZINE',\r\n OutOfHome: 'OUT OF HOME',\r\n DigitalDisplay: 'DIGITAL DISPLAY',\r\n PaidSocial: 'PAID SOCIAL',\r\n PaidSearch: 'PAID SEARCH'\r\n};\r\n\r\nexport const PreferenceIndicatorTypes = {\r\n Include: 'Include',\r\n Exclude: 'Exclude',\r\n NoPrefrence: 'No Preference'\r\n};\r\n\r\nexport const LocationType = {\r\n IndividualLocation: 'IndividualLocation',\r\n GroupLocation: 'GroupLocation',\r\n NoSpecificLocation: 'NoSpecificLocation'\r\n};\r\n\r\nexport const DicountPackageFeilds = {\r\n SetupFee: 'SetupFee',\r\n ModelingFee: 'ModelingFee',\r\n RecurringFee: 'RecurringFee',\r\n SearchAndSocialCommission: 'SearchAndSocialCommission',\r\n OtherMediaCommission: 'OtherMediaCommission'\r\n};\r\n\r\nexport const TimeZones = [\r\n { id: 1, value: 'Eastern Time Zone (UTC-05:00)' },\r\n { id: 2, value: 'Central Time Zone (UTC-06:00 )' },\r\n { id: 3, value: 'Mountain Time Zone (UTC-07:00)' },\r\n { id: 4, value: 'Pacific Time Zone (UTC-08:00)' },\r\n { id: 5, value: 'Alaska Time Zone (UTC-09:00)' },\r\n { id: 6, value: 'Hawaii-Aleutian Time Zone (UTC-10:00)' }\r\n];\r\n\r\nexport const activationForm = {\r\n activationCodeRequired: 'Please enter activation code',\r\n activationCodeType: 'Activation code must be a number'\r\n};\r\n\r\nexport const createAccountForm = {\r\n passwordRegex: /^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[@$!%*?&])[A-Za-z\\d@$!%*?&]{8,}$/,\r\n userNameRequired: 'Please enter user name.',\r\n temporaryPasswordRequired: 'Please enter temporary password.',\r\n newPasswordType: 'Minimum eight characters, at least one uppercase letter, one lowercase letter, one number and one special character.',\r\n newPasswordRequired: 'Please enter new password.',\r\n confirmNewPasswordMatch: 'Passwords must match.',\r\n confirmNewPasswordRequired: 'Please enter confirm password.'\r\n};\r\n\r\nexport const navigationTabList = {\r\n locations: 'locations',\r\n campaignDates: 'campaignDates',\r\n objectives: 'objectives',\r\n mediaMix: 'mediaMix',\r\n audiences: 'audiences',\r\n businessProfile: 'businessProfile',\r\n review: 'review'\r\n};\r\n\r\n\r\nexport const ModelingObjectiveType = {\r\n Sales: 'Sales',\r\n Traffic: 'Traffic',\r\n Other: 'Other'\r\n};\r\n\r\nexport const ForgotPasswordUserNameModalText = {\r\n HeaderText: {\r\n ForgotPassword: 'Password Reset',\r\n ForgotUsername: 'Forgot Username'\r\n },\r\n BodyText: {\r\n ForgotPassword: 'We have sent password reset instructions to the email address associated with your username. Didn’t get the password reset link? Check your spam folder',\r\n ForgotUsername: 'We have sent your username to your email. Didn’t get it? Check your spam folder'\r\n }\r\n};\r\n\r\nexport const loginError = {\r\n userNameRequired: 'Please enter your username.',\r\n passwordRequired: 'Please enter your password.'\r\n};\r\n\r\nexport const contactUs = {\r\n firstNameRequired: 'Please enter first name.',\r\n companyNameRequired: 'Please enter company name.',\r\n emailRequired: 'Please enter email address.',\r\n captchaRequired: 'Please enter captcha.',\r\n captchaIncorrect: 'Please enter correct captcha.',\r\n contactUsHeaderText: 'Thanks For Getting In Touch',\r\n contactUsBodyText: 'We appreciate your interest in Empower Media Agent. We will contact you soon to connect.'\r\n};\r\n\r\nexport const campaignDatesError = {\r\n startDateRequired: 'Please select start date.',\r\n endDateRequired: 'Please select end date.',\r\n campaignOptionRequired: 'Please choose any one option.',\r\n invalidEssentialCampaignDates: 'Start date should be within a range of 10 to 26 weeks from the current date.',\r\n invalidPremiumCampaignDates: 'Start date should be within a range of 16 to 26 weeks from the current date.',\r\n minimumWeekError: 'Minimum 26 weeks required.',\r\n maximumWeekError: 'Maximum 52 weeks allowed.'\r\n};\r\n\r\nexport const objectivesAndApproach = {\r\n objectiveOptions: {\r\n firstOption: 'I only want to drive short-term sales',\r\n secondOption: 'I lean toward short-term sales',\r\n thirdOption: 'I want to drive an equal balance of short-term sales & long-term brand equity',\r\n fourthOption: 'I lean toward long-term brand equity',\r\n fifthOption: 'I only want to drive long-term brand equity',\r\n premiumFirstOption: 'Sales',\r\n premiumSecondOption: 'Traffic'\r\n },\r\n\r\n approachOptions: {\r\n firstOption: 'I only want the most cost-efficient media buys possible. I don’t care where the ads run',\r\n secondOption: 'I lean toward cost efficiency',\r\n thirdOption: 'I want an equal balance of cost-efficiency and premium ad placement',\r\n fourthOption: 'I lean toward premium ad placements',\r\n fifthOption: 'I want to focus on premium ad placements - I don’t care about media cost-efficiency'\r\n },\r\n\r\n objectiveAndApproachRequired: 'Please choose any one option.'\r\n};\r\n\r\nexport const reviewAndSign = {\r\n firstNameRequired: 'Please enter first name.',\r\n lastNameRequired: 'Please enter last name.',\r\n jobTitleRequired: 'Please enter job title.',\r\n iAgreeRequired: 'You must agree to the above Submission Agreement to continue.',\r\n discountAlertHeader: 'Are you sure?',\r\n discountAlertConfirm: 'Your promotional pricing is no longer applicable. Do you still want to continue?',\r\n discountConfirmText: 'Submit',\r\n discountCancelText: 'Cancel'\r\n};\r\n\r\nexport const flightingTablePromotions = {\r\n promotionNameRequired: 'Please enter promotion name.',\r\n promotionLocationRequired: 'Please select locations',\r\n promotionStartDateRequired: 'Please select start date.',\r\n promotionEndDateRequired: 'Please select end date.',\r\n promotionEndDateInvalid: 'End date should not be less than start date.',\r\n promotionStartDateInvalid: 'Start date should not be greater than end date.',\r\n promotionDatesInvalid: '2 promotions exists on the selected date range. Please select different date.',\r\n promotionDatesExists: 'Promotion Exists with same Dates',\r\n deletePromotionHeaderText: 'Delete Promotion',\r\n deletePromotionBodyText: 'Are you sure you want to permanently delete this promotion?',\r\n deleteButtonText: 'Delete',\r\n cancelButtonText: 'Cancel'\r\n};\r\n\r\nexport const flightingTableDarkDays = {\r\n\tdarkdayDatesExists: 'Dark day Exists with same Dates'\r\n};\r\n\r\nexport const noOfLocationOptions = () => {\r\n return [\r\n { value: 0, label: 'Select' },\r\n { value: 1, label: 1 },\r\n { value: 2, label: 2 },\r\n { value: 3, label: 3 },\r\n { value: 4, label: 4 },\r\n { value: 5, label: 5 },\r\n { value: 6, label: 6 },\r\n { value: 7, label: 7 },\r\n { value: 8, label: 8 },\r\n { value: 9, label: 9 },\r\n { value: 10, label: 10 }\r\n ];\r\n};\r\n\r\nexport const getStates = () => {\r\n const options = [];\r\n options.push({ value: '', label: 'Select' });\r\n StateCodes.map((item) => {\r\n options.push({ value: item.StateCode, label: item.StateCode });\r\n });\r\n return options;\r\n};\r\n\r\nexport const flightingTableLocations = {\r\n locationGroupNameRequired: 'Please enter location group name.',\r\n locationNameRequired: 'Please select at least one location.',\r\n channelNameRequired: 'Please select at least one channel.',\r\n emptyLocationGroups: 'Please add at least one location group.',\r\n uniqueLocationGroupName: 'Location group name should be unique.',\r\n deleteLocationHeaderText: 'Delete Location Groups & Channels',\r\n deleteLocationBodyText: 'Are you sure you want to permanently delete this location groups & channels?',\r\n deleteButtonText: 'Delete',\r\n cancelButtonText: 'Cancel'\r\n};\r\n\r\nexport const campaignDeliverables = {\r\n deleteDeliverableHeaderText: 'Delete Deliverable',\r\n deleteDeliverableBodyText: 'Are you sure you want to permanently delete',\r\n deleteButtonText: 'Delete',\r\n cancelButtonText: 'Cancel'\r\n};\r\n\r\nexport const creativeUploadTv = {\r\n adIdRequired: 'Please enter Ad-ID.',\r\n adNameRequired: 'Please enter Ad-ID name.',\r\n adDurationRequired: 'Please select duration.',\r\n adStartDateRequired: 'Please enter creative start date.',\r\n adEndDateRequired: 'Please enter creative end date.',\r\n adRotationRequired: 'Please enter rotation percentage.',\r\n adEndDateInvalid: 'End date should not be less than start date.',\r\n adStartDateInvalid: 'Start date should not be greater than end date.',\r\n emptyUploadOption: 'Please choose an option.',\r\n emptyUploadedFile: 'Please upload creative.',\r\n emptyUploadedUrl: 'Please provide URL.',\r\n emptyPreviousAssetNotes: 'Please provide previous campaign details.',\r\n invalidUrl: 'Please enter a valid url.',\r\n durationList: [\r\n { value: ':15', label: ':15' },\r\n { value: ':30', label: ':30' }\r\n ],\r\n loadingMessage: 'Creative upload in progress. This might take a few seconds.',\r\n clickThruURLRequired: 'Please enter URL.',\r\n headlineRequired: 'Please enter headline.',\r\n mainAdCopyRequired: 'Please enter main ad copy.',\r\n destinationUrlRequired: 'Please enter destination url.',\r\n requestRevisionReasonRequired: 'Please enter note.',\r\n invalidRecipientEmail: 'Please enter valid email address.',\r\n audioFileTypeError: 'Please upload .mp3 creatives.'\r\n};\r\n\r\nexport const creativeChannelList = {\r\n tv: 'TV',\r\n onlineVideo: 'ONLINE VIDEO',\r\n radio: 'RADIO',\r\n onlineAudio: 'ONLINE AUDIO',\r\n newsPaper: 'NEWSPAPER',\r\n magazine: 'MAGAZINE',\r\n outOfHome: 'OUT OF HOME',\r\n digitalDisplay: 'DIGITAL DISPLAY',\r\n paidSocial: 'PAID SOCIAL',\r\n paidSearch: 'PAID SEARCH'\r\n};\r\n\r\nexport const creativeUploadLocationAlert = {\r\n applyToAllLocations: {\r\n headerText: 'Are you sure?',\r\n bodyText: 'Applying your creative to all location groups will delete any creative that you may have already uploaded to any other location groups within this channel. You will no longer be able to add or edit creative for this channel in other location groups.',\r\n applyButtonText: 'Apply to all location groups',\r\n cancelButtonText: 'Cancel'\r\n },\r\n unableToApplyToAllLocations: {\r\n headerText: 'Unable To Apply To All Location Groups',\r\n bodyText: 'We’re sorry, since you have already submitted your creative for review for one or more of your other location groups, your are not able to apply this creative to all locations and you will need to manage your location groups individually.',\r\n applyButtonText: '',\r\n cancelButtonText: 'Cancel'\r\n },\r\n applyToThisLocationOnly: {\r\n headerText: 'Are you sure?',\r\n bodyText: 'You have creative applied from this location group to all location groups. Applying the creative to this location group only will remove it from all other location groups, and you will need to manage those location groups individually.',\r\n applyButtonText: 'Apply to This location only',\r\n cancelButtonText: 'Cancel'\r\n },\r\n deleteUploadedCreative: {\r\n headerText: 'Delete Creative',\r\n bodyText: 'Are you sure you want to permanently delete this creative?',\r\n applyButtonText: 'Delete',\r\n cancelButtonText: 'Cancel'\r\n },\r\n submitReviewAllLocationGroup: {\r\n headerText: 'Submit Creative for Review',\r\n bodyText1: 'Is this everything for',\r\n bodyText2: 'Since you are applying creative from one location group to all location groups, you will be submitting your creative for all location groups for this promotion. Once you submit your creative for review, you will not be able to upload additional items for this channel.',\r\n applyButtonText: 'Submit',\r\n cancelButtonText: 'Cancel'\r\n },\r\n submitReviewThisLocationGroupOnly: {\r\n headerText: 'Submit Creative for Review',\r\n bodyText1: 'Is this everything for',\r\n bodyText2: 'Once you submit your creative for review, you will not be able to upload additional items for this channel.',\r\n applyButtonText: 'Submit',\r\n cancelButtonText: 'Cancel'\r\n },\r\n requestRevision: {\r\n headerText: 'Request Revision',\r\n bodyText1: 'Thank you for submitting assets for',\r\n bodyText2: 'Unfortunately, the assets did not pass QA for the following reason: [admin to populate the reason for requesting revision here.] Please revisit the Media Agent portal and re-upload the assets as soon as possible. Thank you.',\r\n applyButtonText: 'Send',\r\n cancelButtonText: 'Cancel'\r\n },\r\n traffic: {\r\n headerText: 'Traffic',\r\n applyButtonText: 'Send',\r\n cancelButtonText: 'Cancel'\r\n },\r\n trafficConfirmation: {\r\n headerText: 'Traffic',\r\n bodyText: 'Are you sure you want to traffic even though there is no creative uploaded?',\r\n applyButtonText: 'Yes',\r\n cancelButtonText: 'Cancel'\r\n },\r\n unableToApplyToManyLocations: {\r\n headerText: 'Unable To Apply To Selected Location Groups',\r\n bodyText: 'We’re sorry, since you have already submitted your creative for review for one or more of your other location groups, your are not able to apply this creative to selected locations and you will need to manage your location groups individually.',\r\n applyButtonText: '',\r\n cancelButtonText: 'Cancel'\r\n\t},\r\n\tunableToCopyToLocation: {\r\n\t\theaderText: 'Unable To Copy To Selected Location Group',\r\n\t\tbodyText: 'We’re sorry, since you have already submitted your creative for review for one or more of your other location groups, your are not able to copy this creative to selected locations and you will need to manage your location groups individually.',\r\n\t\tapplyButtonText: '',\r\n\t\tcancelButtonText: 'Ok'\r\n\t},\r\n\tcopyCreativeInprogress: {\r\n\t\theaderText: 'Copying Creative',\r\n\t\tbodyText: '',\r\n\t\tapplyButtonText: '',\r\n\t\tcancelButtonText: ''\r\n\t},\r\n\tcopyCreativeCompleted: {\r\n\t\theaderText: 'Success!',\r\n\t\tbodyText: 'Your creative has been successfully copied.',\r\n\t\tapplyButtonText: 'Done',\r\n\t\tcancelButtonText: ''\r\n\t}\r\n};\r\n\r\nexport const campaignCreatives = {\r\n deleteCreativeHeaderText: 'Delete Creative Upload Stats',\r\n deleteCreativeBodyText: 'Are you sure you want to permanently delete',\r\n deleteButtonText: 'Delete',\r\n cancelButtonText: 'Cancel'\r\n};\r\n\r\nexport const dragAndDropInfo = {\r\n // size in bytes (1024 * 1024 = 1MB)\r\n tv: {\r\n maxFile: 1,\r\n\t\taccept: '.mpeg, .mov, .mxf, .mp4',\r\n\t\tcreativeLibraryFolder: ['Video'],\r\n maxSize: 500 * 1024 * 1024,\r\n maxSizeError: 'The file is too large. Maximum allowed file size is 500 mb.'\r\n },\r\n onlineVideo: {\r\n maxFile: 1,\r\n accept: '.mp4, .mov',\r\n\t\tcreativeLibraryFolder: ['Video'],\r\n\t\tmaxSize: 50 * 1024 * 1024,\r\n maxSizeError: 'The file is too large. Maximum allowed file size is 50 mb.'\r\n },\r\n radio: {\r\n maxFile: 1,\r\n accept: '.mp4, .mp3',\r\n\t\tcreativeLibraryFolder: ['Audio'],\r\n\t\tmaxSize: 2.4 * 1024 * 1024,\r\n maxSizeError: 'The file is too large. Maximum allowed file size is 2.4 mb.'\r\n },\r\n onlineAudio: {\r\n maxFile: 2,\r\n accept: '.mp3, .ogg',\r\n\t\tcreativeLibraryFolder: ['Audio'],\r\n\t\tmaxSize: 2.2 * 1024 * 1024,\r\n maxSizeError: 'The file is too large. Maximum allowed file size is 2.2 mb.'\r\n },\r\n newsPaper: {\r\n maxFile: 1,\r\n accept: '.pdf',\r\n\t\tcreativeLibraryFolder: ['Images'],\r\n\t\tmaxSize: 100 * 1024 * 1024,\r\n maxSizeError: 'The file is too large. Maximum allowed file size is 100 mb.'\r\n },\r\n magazine: {\r\n maxFile: 1,\r\n accept: '.pdf',\r\n\t\tcreativeLibraryFolder: ['Images'],\r\n\t\tmaxSize: 100 * 1024 * 1024,\r\n maxSizeError: 'The file is too large. Maximum allowed file size is 100 mb.'\r\n },\r\n outOfHome: {\r\n maxFile: 1,\r\n accept: '.jpeg, .psd, .pdf, .tiff, .eps, .ai, .jpg, .jpe, .jfif',\r\n\t\tcreativeLibraryFolder: ['Images'],\r\n\t\tmaxSize: 100 * 1024 * 1024,\r\n maxSizeError: 'The file is too large. Maximum allowed file size is 100 mb.'\r\n },\r\n digitalDisplay: {\r\n maxFile: 12,\r\n accept: '.jpeg, .gif, .jpg, .jpe, .jfif, .png, .html, .html5',\r\n\t\tcreativeLibraryFolder: ['Images'],\r\n\t\tmaxSize: 200 * 1024,\r\n maxSizeError: 'The file is too large. Maximum allowed file size is 200 kb.'\r\n },\r\n paidSocial: {\r\n maxFile: 10,\r\n accept: '.jpeg, .png, .mp4, .mov, .gif, .jpg, .jpe, .jfif',\r\n\t\tcreativeLibraryFolder: ['Video', 'Images'],\r\n\t\tmaxImageSize: 30 * 1024 * 1024,\r\n maxVideoSize: 100 * 1024 * 1024,\r\n maxSizeImageError: 'The file is too large. Maximum allowed file size is 30 mb.',\r\n maxSizeVideoError: 'The file is too large. Maximum allowed file size is 100 mb.'\r\n },\r\n document: {\r\n maxFile: 1,\r\n accept: '.pdf, .xls, .xlsx, .xlsb, .xlsm',\r\n maxSize: 100 * 1024 * 1024,\r\n maxSizeError: 'The file is too large. Maximum allowed file size is 100 mb.',\r\n wrongFileError: 'Please select pdf file only.'\r\n },\r\n documentSelectedOptions: {\r\n maxFile: 1,\r\n accept: '.pdf, .doc, .docx, .csv, .ppt, .pptx, .txt, .xls, .xlsx',\r\n maxSize: 100 * 1024 * 1024,\r\n maxSizeError: 'The file is too large. Maximum allowed file size is 100 mb.',\r\n wrongFileError: 'Please select pdf file only.'\r\n }\r\n};\r\n\r\nexport const taskStatusDetails = {\r\n complete: {\r\n taskStatus: 'Completed',\r\n taskStatusId: 3\r\n },\r\n approved: {\r\n taskStatus: 'Approved',\r\n taskStatusId: 4\r\n }\r\n};\r\n\r\nexport const TaskType = {\r\n DocumentSigning: 'Document signing',\r\n DocumentUploaded: 'Document uploaded',\r\n DatePicker: 'Date picker, future date only',\r\n MarkAsComplete: 'Mark as complete',\r\n ApproveRequestReject: 'Approve, Request Revisions or Reject',\r\n YesOrNo: 'Yes or No',\r\n AutoCompleted: 'Auto completed',\r\n TrafficOrRequestRevisions: 'Traffic or Request Revisions',\r\n UploadDocument: 'Upload Document',\r\n submitForReview: 'Submit for Review',\r\n UploadFileOrSendEmail: 'Upload file Or Send Email'\r\n};\r\n\r\nexport const newTaskDetails = {\r\n ownerList: [\r\n { value: 'Customer', label: 'Customer' },\r\n { value: 'MA Team Member', label: 'Empower' }\r\n ],\r\n predecessorLag: 26,\r\n pastDueLag: 26,\r\n reminderLeadTime: 26,\r\n duration: 51,\r\n taskOwnerRequired: 'Please select task owner.',\r\n taskRequired: 'Please select predecessor task.',\r\n fixedStartDateRequired: 'Please select a fixed start date.',\r\n activeDescriptionRequired: 'Please enter description.',\r\n pastDueDescriptionRequired: 'Please enter description.',\r\n completedDescriptionRequired: 'Please enter description.',\r\n nonWorkingDayAlert: 'Start date selected is a non-working day. Would you like to proceed?',\r\n activeDescriptionMaxLength: 140,\r\n pastDueDescriptionMaxLength: 140,\r\n completedDescriptionMaxLength: 140,\r\n deleteTaskAlert: {\r\n headerText: 'Delete Task',\r\n bodyText: 'Are you sure you want to remove the task from the campaign flow ?',\r\n applyButtonText: 'Delete',\r\n cancelButtonText: 'Cancel'\r\n },\r\n holidayAlert: {\r\n headerText: 'Are you sure?',\r\n bodyText: 'Start date selected is a non-working day. Would you like to proceed?',\r\n applyButtonText: 'Yes',\r\n cancelButtonText: 'Cancel'\r\n }\r\n};\r\n\r\nexport const deliverableType = {\r\n mim: 'MIM',\r\n mediaAgentPlan: 'MediaAgentPlan',\r\n mediaBuyReport: 'MediaBuyReport',\r\n digitalDashboard: 'DigitalDashboard',\r\n executiveReport: 'ExecutiveReport'\r\n};\r\n\r\nexport const newMessage = {\r\n to: 'Media Agent Team',\r\n contentRequired: 'Please enter content.',\r\n subjectRequired: 'Please enter subject.',\r\n invalidEmail: 'Please enter valid email address.',\r\n toFieldRequired: 'Please include customer or add email address.'\r\n};\r\n\r\nexport const RequestFlightingChange = {\r\n headerText: 'Request Flighting Changes',\r\n // eslint-disable-next-line no-useless-concat\r\n bodyText: 'Please briefly describe your flighting change request. We' + \"'\" + 'll follow up with you if we need more information. Thank you!',\r\n thankYouBodyText: 'Thank you. Your request has been sent.',\r\n sendButtonText: 'Send',\r\n cancelButtonText: 'Cancel',\r\n exitButtonText: 'Exit'\r\n};\r\n\r\nexport const TaskIds = {\r\n ReviewMediaBuyReport: 16,\r\n EndOfCampaign: 36\r\n};\r\n\r\nexport const creativeUploadLocationGroups = {\r\n selectSomeItems: 'Select Location'\r\n};\r\n\r\nexport const PromotionClasses = {\r\n\tfirst: 1,\r\n\tsecond: 2,\r\n\tthird: 3,\r\n\tfour: 4,\r\n\tfive: 5,\r\n\tsix: 6,\r\n\tseven: 7,\r\n\teigth: 8,\r\n\tnine: 9,\r\n\tzero: 0\r\n};\r\n","import {\r\n CLEAR_ALL_PACKAGE_RELATED_STORES,\r\n UPDATE_NAVIGATION\r\n} from './actionTypes';\r\n\r\nexport const updateNavigation = (key, id) => {\r\n return (dispatch) => {\r\n dispatch({\r\n type: UPDATE_NAVIGATION,\r\n data: { selectedKey: key, stepId: id }\r\n });\r\n };\r\n};\r\n\r\nexport const clearAllPackageStores = () => {\r\n return (dispatch) => {\r\n dispatch({\r\n type: CLEAR_ALL_PACKAGE_RELATED_STORES\r\n });\r\n };\r\n};\r\n","/* eslint-disable no-param-reassign */\r\n/* eslint-disable import/no-cycle */\r\n/* eslint-disable max-len */\r\nimport {\r\n // Campaign List Section\r\n CUSTOMER_CAMPAIGN_START,\r\n CUSTOMER_CAMPAIGN_END,\r\n GET_CUSTOMER_CAMPAIGN_LIST,\r\n GET_CUSTOMER_CAMPAIGN_LIST_ERROR,\r\n CUSTOMER_CAMPAIGN_DATA,\r\n CUSTOMER_GET_CALL_TO_ACTION_ITEMS,\r\n CUSTOMER_REWARD_NOTIFICATION,\r\n CUSTOMER_FETCH_CAMPAIGN_DETAILS_START,\r\n CUSTOMER_FETCH_CAMPAIGN_DETAILS_END,\r\n\r\n // New Campaign\r\n CHANGE_IS_NEW_CAMPAIGN_FLAG,\r\n GET_CUSTOMER_COMPANY_LOCATION_SUCCESS,\r\n\r\n // Reward Points Section\r\n GET_CAMPAIGN_TOTAL_REWARD_POINTS_SUCCESS,\r\n\r\n // Message Section\r\n GET_CUSTOMER_CAMPAIGN_MESSAGE_SUCCESS,\r\n GET_CUSTOMER_CAMPAIGN_MESSAGE_FAIL,\r\n CUSTOMER_UPDATE_MESSAGE_FAIL,\r\n CUSTOMER_SHOW_COMPOSE_MESSAGE,\r\n CUSTOMER_MESSAGE_ERROR_HANDLER,\r\n CUSTOMER_SHOW_VIEW_MESSAGE,\r\n\r\n // Deliverable Section\r\n CUSTOMER_GET_DELIVERABLE_START,\r\n CUSTOMER_DELIVERABLE_LIST_ERROR,\r\n CUSTOMER_DELIVERABLES_LIST_SUCCESS,\r\n\r\n // Task Section\r\n CUSTOMER_GET_CAMPAIGN_TASKS_START,\r\n CUSTOMER_GET_CAMPAIGN_TASKS_SUCCESS,\r\n CUSTOMER_GET_CAMPAIGN_TASKS_FAIL,\r\n CUSTOMER_SHOW_UPDATE_TASK_DETAILS_POPUP,\r\n CUSTOMER_UPDATE_TASK_DETAILS_SUCCESS,\r\n CUSTOMER_UPDATE_TASK_DETAILS_ERROR,\r\n\r\n // Document Section\r\n CUSTOMER_CAMPAIGN_DOCUMENT_SUCCESS,\r\n CUSTOMER_CAMPAIGN_DOCUMENT_FAIL\r\n} from './actionTypes';\r\n\r\nimport {\r\n getFlighting,\r\n handleCreativeUploadPopup\r\n} from './customerFlightingTable';\r\n\r\nimport {\r\n getCampaignDetailsList,\r\n getCampaignTotalRewardPointsService,\r\n getActionItems,\r\n updateMarkAsReadDeliverable,\r\n postNewMessage,\r\n getMessageDetails\r\n} from '../services/customerCampaignDetails';\r\n\r\nimport {\r\n getCampaignTasksService,\r\n updateTaskDetailsService,\r\n getCampaignDocumentsService,\r\n updateCampaignService\r\n} from '../services/campaign';\r\n\r\nimport { getCompanyLocations } from '../services/company';\r\n\r\nimport { getCampaignMessageListService, markAsReadOrUnreadService } from '../services/adminMessageList';\r\n\r\nimport { getDeliverablesService } from '../services/adminDeliverables';\r\n\r\nimport {\r\n isArrayEmpty,\r\n setErrorMessage,\r\n dateFormatter,\r\n toBase64,\r\n isObjectEmpty\r\n} from '../../utils/utility_helpers';\r\n\r\nimport {\r\n deliverableType,\r\n TaskType,\r\n RegEx\r\n} from '../../components/Constants';\r\n\r\nconst buildCampaignList = (data = []) => {\r\n const campaignList = data;\r\n\r\n if (!isArrayEmpty(campaignList)) {\r\n campaignList.sort((a, b) => {\r\n const active = b.isActive - a.isActive;\r\n\r\n if (active) {\r\n return active;\r\n }\r\n\r\n const isIntakeComplete = b.isIntakeComplete - a.isIntakeComplete;\r\n\r\n if (isIntakeComplete) {\r\n return isIntakeComplete;\r\n }\r\n\r\n const isComplete = a.isComplete - b.isComplete;\r\n\r\n if (isComplete) {\r\n return isComplete;\r\n }\r\n\r\n const packageId = a.packageId - b.packageId;\r\n\r\n if (packageId) {\r\n return packageId;\r\n }\r\n\r\n return (new Date(a.startDate) < new Date(b.startDate)) ? -1 : 1;\r\n });\r\n }\r\n\r\n return campaignList;\r\n};\r\n\r\n// New Campaign\r\nconst changeIsNewCampaignEnabledFlag = (data) => {\r\n return {\r\n type: CHANGE_IS_NEW_CAMPAIGN_FLAG,\r\n data\r\n };\r\n};\r\n\r\nconst getCompanyLocationsList = (companyId) => {\r\n return async (dispatch) => {\r\n try {\r\n const locations = await getCompanyLocations(companyId);\r\n console.log(locations);\r\n dispatch({\r\n type: GET_CUSTOMER_COMPANY_LOCATION_SUCCESS,\r\n data: locations.data.data\r\n });\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n };\r\n};\r\n\r\nconst buildActionItems = (data = {}) => {\r\n const actionItems = {};\r\n actionItems.activeTaskActionItems = [];\r\n actionItems.deliverableActionItems = [];\r\n actionItems.messageActionItems = [];\r\n actionItems.pastDueTaskActionItems = [];\r\n\r\n if (!isObjectEmpty(data)) {\r\n const { campaignActionItems } = data;\r\n if (!isArrayEmpty(campaignActionItems)) {\r\n campaignActionItems.map((action) => {\r\n const {\r\n activeTaskActionItems,\r\n deliverableActionItems,\r\n messageActionItems,\r\n pastDueTaskActionItems\r\n } = action;\r\n\r\n actionItems.activeTaskActionItems = [...actionItems.activeTaskActionItems, ...activeTaskActionItems];\r\n actionItems.deliverableActionItems = [...actionItems.deliverableActionItems, ...deliverableActionItems];\r\n actionItems.messageActionItems = [...actionItems.messageActionItems, ...messageActionItems];\r\n actionItems.pastDueTaskActionItems = [...actionItems.pastDueTaskActionItems, ...pastDueTaskActionItems];\r\n\r\n return null;\r\n });\r\n\r\n if (actionItems.activeTaskActionItems && !isArrayEmpty(actionItems.activeTaskActionItems)) {\r\n actionItems.activeTaskActionItems.map((item) => {\r\n const {\r\n revisedEndDate,\r\n revisedStartDate,\r\n fixedStartDate\r\n } = item;\r\n\r\n item.revisedEndDate = revisedEndDate ? dateFormatter(revisedEndDate, 'MM/DD/YYYY') : '';\r\n item.revisedStartDate = revisedStartDate ? dateFormatter(revisedStartDate, 'MM/DD/YYYY') : '';\r\n item.fixedStartDate = fixedStartDate ? dateFormatter(fixedStartDate, 'utcToLocalTimeOtherFormat') : '';\r\n return null;\r\n });\r\n }\r\n\r\n if (actionItems.pastDueTaskActionItems && !isArrayEmpty(actionItems.pastDueTaskActionItems)) {\r\n actionItems.pastDueTaskActionItems.map((item) => {\r\n const {\r\n revisedEndDate,\r\n revisedStartDate,\r\n fixedStartDate\r\n } = item;\r\n\r\n item.revisedEndDate = revisedEndDate ? dateFormatter(revisedEndDate, 'MM/DD/YYYY') : '';\r\n item.revisedStartDate = revisedStartDate ? dateFormatter(revisedStartDate, 'MM/DD/YYYY') : '';\r\n item.fixedStartDate = fixedStartDate ? dateFormatter(fixedStartDate, 'utcToLocalTimeOtherFormat') : '';\r\n return null;\r\n });\r\n }\r\n\r\n actionItems.activeTaskActionItems.sort((a, b) => {\r\n return new Date(a.revisedEndDate) > new Date(b.revisedEndDate) ? 1 : new Date(a.revisedEndDate) < new Date(b.revisedEndDate) ? -1 : 0;\r\n });\r\n\r\n actionItems.pastDueTaskActionItems.sort((a, b) => {\r\n return new Date(a.revisedEndDate) > new Date(b.revisedEndDate) ? 1 : new Date(a.revisedEndDate) < new Date(b.revisedEndDate) ? -1 : 0;\r\n });\r\n\r\n actionItems.deliverableActionItems.sort((a, b) => {\r\n return new Date(a.userCreatedDatetime) > new Date(b.userCreatedDatetime) ? 1 : new Date(a.userCreatedDatetime) < new Date(b.userCreatedDatetime) ? -1 : 0;\r\n });\r\n\r\n actionItems.messageActionItems.sort((a, b) => {\r\n return new Date(a.createdDateTime) > new Date(b.createdDateTime) ? 1 : new Date(a.createdDateTime) < new Date(b.createdDateTime) ? -1 : 0;\r\n });\r\n }\r\n }\r\n\r\n return actionItems;\r\n};\r\n\r\nconst getCampaignActionItems = (companyId) => {\r\n return async (dispatch) => {\r\n try {\r\n dispatch({\r\n type: CUSTOMER_CAMPAIGN_START\r\n });\r\n\r\n const response = await getActionItems(companyId);\r\n console.log(response);\r\n const { data } = response;\r\n\r\n if (data) {\r\n dispatch({\r\n type: CUSTOMER_GET_CALL_TO_ACTION_ITEMS,\r\n data: buildActionItems(data.data)\r\n });\r\n } else {\r\n dispatch({\r\n type: GET_CUSTOMER_CAMPAIGN_LIST_ERROR,\r\n data: setErrorMessage(response)\r\n });\r\n }\r\n\r\n dispatch({\r\n type: CUSTOMER_CAMPAIGN_END\r\n });\r\n } catch (error) {\r\n const errorMessage = setErrorMessage(error);\r\n\r\n dispatch({\r\n type: GET_CUSTOMER_CAMPAIGN_LIST_ERROR,\r\n data: errorMessage\r\n });\r\n\r\n dispatch({\r\n type: CUSTOMER_CAMPAIGN_END\r\n });\r\n }\r\n };\r\n};\r\n\r\n/* Campaign List Section Start */\r\nconst getCampaignList = (companyId = 0) => {\r\n return async (dispatch) => {\r\n try {\r\n dispatch({\r\n type: CUSTOMER_CAMPAIGN_START\r\n });\r\n\r\n const response = await getCampaignDetailsList(companyId);\r\n const { data } = response;\r\n\r\n if (data) {\r\n dispatch({\r\n type: GET_CUSTOMER_CAMPAIGN_LIST,\r\n data: buildCampaignList(data.data)\r\n });\r\n } else {\r\n dispatch({\r\n type: GET_CUSTOMER_CAMPAIGN_LIST_ERROR,\r\n data: setErrorMessage(response)\r\n });\r\n }\r\n\r\n dispatch({\r\n type: CUSTOMER_CAMPAIGN_END\r\n });\r\n } catch (error) {\r\n const errorMessage = setErrorMessage(error);\r\n\r\n dispatch({\r\n type: GET_CUSTOMER_CAMPAIGN_LIST_ERROR,\r\n data: errorMessage\r\n });\r\n\r\n dispatch({\r\n type: CUSTOMER_CAMPAIGN_END\r\n });\r\n }\r\n };\r\n};\r\n/* Campaign List Section End */\r\n\r\n/* Reward Points Section Start */\r\nconst getCampaignTotalRewardPoints = (campaignId) => {\r\n return async (dispatch) => {\r\n try {\r\n dispatch({\r\n type: CUSTOMER_CAMPAIGN_START\r\n });\r\n const response = await getCampaignTotalRewardPointsService(campaignId);\r\n console.log(response);\r\n if (response.data && response.data.resultCount > 0) {\r\n dispatch({\r\n type: GET_CAMPAIGN_TOTAL_REWARD_POINTS_SUCCESS,\r\n data: response.data.data\r\n });\r\n }\r\n dispatch({\r\n type: CUSTOMER_CAMPAIGN_END\r\n });\r\n } catch (error) {\r\n console.log(error);\r\n dispatch({\r\n type: CUSTOMER_CAMPAIGN_END\r\n });\r\n }\r\n };\r\n};\r\n\r\nconst handleRewardNotification = (showRewardNotification, campaignId) => {\r\n return (dispatch) => {\r\n if (showRewardNotification) {\r\n updateCampaignService(campaignId, {\r\n isRewardNotification: false\r\n });\r\n }\r\n dispatch({\r\n type: CUSTOMER_REWARD_NOTIFICATION,\r\n data: {\r\n campaignId,\r\n showRewardNotification\r\n }\r\n });\r\n };\r\n};\r\n/* Reward Point Section End */\r\n\r\n/* Message Section Start */\r\nconst getCampaignMessages = (campaignId) => {\r\n return async (dispatch) => {\r\n try {\r\n dispatch({\r\n type: CUSTOMER_CAMPAIGN_START\r\n });\r\n const response = await getCampaignMessageListService(campaignId);\r\n console.log(response);\r\n dispatch({\r\n type: GET_CUSTOMER_CAMPAIGN_MESSAGE_SUCCESS,\r\n data: response.data.data\r\n });\r\n dispatch({\r\n type: CUSTOMER_CAMPAIGN_END\r\n });\r\n } catch (error) {\r\n console.log(error);\r\n const errorMessage = setErrorMessage(error);\r\n dispatch({\r\n type: GET_CUSTOMER_CAMPAIGN_MESSAGE_FAIL,\r\n data: errorMessage\r\n });\r\n }\r\n };\r\n};\r\n\r\nexport const markAsReadOrUnreadCustomerMessages = (messageIds, isRead, campaignId, companyId) => {\r\n return async (dispatch) => {\r\n try {\r\n const putData = {};\r\n putData.messageIds = messageIds;\r\n putData.isRead = isRead;\r\n dispatch({\r\n type: CUSTOMER_FETCH_CAMPAIGN_DETAILS_START\r\n });\r\n const response = await markAsReadOrUnreadService(putData, campaignId);\r\n if (response.status === 204 || response.status === 200) {\r\n console.log(response);\r\n\r\n dispatch(getCampaignMessages(campaignId));\r\n await dispatch(getCampaignActionItems(companyId));\r\n dispatch({\r\n type: CUSTOMER_FETCH_CAMPAIGN_DETAILS_END\r\n });\r\n } else {\r\n dispatch({\r\n type: CUSTOMER_UPDATE_MESSAGE_FAIL,\r\n data: 'Sorry, unable to update the message.'\r\n });\r\n dispatch({\r\n type: CUSTOMER_FETCH_CAMPAIGN_DETAILS_END\r\n });\r\n }\r\n } catch (error) {\r\n const errorMessage = setErrorMessage(error);\r\n console.log(errorMessage);\r\n dispatch({\r\n type: CUSTOMER_UPDATE_MESSAGE_FAIL,\r\n data: errorMessage\r\n });\r\n dispatch({\r\n type: CUSTOMER_FETCH_CAMPAIGN_DETAILS_END\r\n });\r\n }\r\n };\r\n};\r\n\r\nconst handleComposeMessage = (data) => {\r\n return async (dispatch) => {\r\n const {\r\n fetchMessage,\r\n campaignId,\r\n companyId\r\n } = data;\r\n\r\n if (fetchMessage) {\r\n dispatch({\r\n type: CUSTOMER_FETCH_CAMPAIGN_DETAILS_START\r\n });\r\n\r\n dispatch(getCampaignMessages(campaignId));\r\n await dispatch(getCampaignActionItems(companyId));\r\n\r\n dispatch({\r\n type: CUSTOMER_FETCH_CAMPAIGN_DETAILS_END\r\n });\r\n }\r\n\r\n dispatch({\r\n type: CUSTOMER_SHOW_COMPOSE_MESSAGE,\r\n data\r\n });\r\n };\r\n};\r\n\r\nconst postNewMessageDetails = (data = {}) => {\r\n return async (dispatch) => {\r\n try {\r\n dispatch({\r\n type: CUSTOMER_CAMPAIGN_START\r\n });\r\n\r\n const {\r\n campaignId,\r\n isHighPriority,\r\n subject,\r\n content,\r\n uploadedFiles,\r\n threadId,\r\n type\r\n } = data;\r\n\r\n const postData = {};\r\n postData.toPersonId = null;\r\n postData.toAddresses = null;\r\n postData.isHighPriority = isHighPriority;\r\n postData.subject = subject;\r\n postData.content = content;\r\n postData.threadId = null;\r\n postData.isReply = false;\r\n\r\n if (type === 'replayMessage') {\r\n postData.threadId = threadId;\r\n postData.isReply = true;\r\n }\r\n\r\n postData.metaData = null;\r\n postData.fileDetails = [];\r\n\r\n if (uploadedFiles\r\n && !isArrayEmpty(uploadedFiles)) {\r\n await Promise.all(uploadedFiles.map(async (item) => {\r\n const file = await toBase64(item);\r\n const base64Data = file.base64.split(',')[1];\r\n\r\n const fileData = {};\r\n\r\n fileData.media = base64Data;\r\n fileData.fileName = file.fileName;\r\n fileData.mimeType = item.type;\r\n fileData.dimension = item.width && item.height ? item.width + 'x' + item.height : '';\r\n postData.fileDetails.push(fileData);\r\n }));\r\n }\r\n\r\n const response = await postNewMessage(campaignId, postData);\r\n\r\n if (response) {\r\n await dispatch(getCampaignMessages(campaignId));\r\n if (type === 'newMessage') {\r\n dispatch({\r\n type: CUSTOMER_SHOW_COMPOSE_MESSAGE,\r\n data: {\r\n showComposeMessage: false,\r\n showMessageListPopup: true\r\n }\r\n });\r\n } else {\r\n dispatch({\r\n type: CUSTOMER_SHOW_VIEW_MESSAGE,\r\n data: {\r\n showMessageDetails: false,\r\n showMessageListPopup: true,\r\n messageDetailsList: []\r\n }\r\n });\r\n }\r\n } else {\r\n dispatch({\r\n type: CUSTOMER_MESSAGE_ERROR_HANDLER,\r\n data: setErrorMessage(response)\r\n });\r\n }\r\n\r\n dispatch({\r\n type: CUSTOMER_CAMPAIGN_END\r\n });\r\n } catch (error) {\r\n const errorMessage = setErrorMessage(error);\r\n console.log(errorMessage);\r\n dispatch({\r\n type: CUSTOMER_CAMPAIGN_END\r\n });\r\n\r\n dispatch({\r\n type: CUSTOMER_MESSAGE_ERROR_HANDLER,\r\n data: errorMessage\r\n });\r\n }\r\n };\r\n};\r\n\r\nconst handleViewMessage = (data) => {\r\n return async (dispatch) => {\r\n const details = data;\r\n const {\r\n showMessageDetails,\r\n campaignId,\r\n isRead,\r\n messageId,\r\n threadId,\r\n companyId\r\n } = details;\r\n\r\n details.messageDetailsList = [];\r\n\r\n if (showMessageDetails) {\r\n try {\r\n dispatch({\r\n type: CUSTOMER_CAMPAIGN_START\r\n });\r\n\r\n const response = await getMessageDetails(campaignId, threadId);\r\n\r\n if (!isRead) {\r\n await dispatch(markAsReadOrUnreadCustomerMessages(messageId, !isRead, campaignId, companyId));\r\n }\r\n\r\n if (response) {\r\n const { data: responseData } = response.data;\r\n console.log(responseData);\r\n const messageDetailsList = responseData || [];\r\n details.messageDetailsList = messageDetailsList;\r\n console.log(response);\r\n dispatch({\r\n type: CUSTOMER_SHOW_VIEW_MESSAGE,\r\n data: details\r\n });\r\n } else {\r\n dispatch({\r\n type: CUSTOMER_MESSAGE_ERROR_HANDLER,\r\n data: setErrorMessage(response)\r\n });\r\n }\r\n\r\n dispatch({\r\n type: CUSTOMER_CAMPAIGN_END\r\n });\r\n } catch (error) {\r\n const errorMessage = setErrorMessage(error);\r\n console.log(errorMessage);\r\n\r\n dispatch({\r\n type: CUSTOMER_CAMPAIGN_END\r\n });\r\n\r\n dispatch({\r\n type: CUSTOMER_MESSAGE_ERROR_HANDLER,\r\n data: errorMessage\r\n });\r\n }\r\n } else {\r\n dispatch({\r\n type: CUSTOMER_SHOW_VIEW_MESSAGE,\r\n data: details\r\n });\r\n }\r\n };\r\n};\r\n\r\n/* Message Section End */\r\n\r\n/* Document Section Start */\r\nconst getCustomerCampaignDocuments = (campaignId) => {\r\n return async (dispatch) => {\r\n try {\r\n dispatch({\r\n type: CUSTOMER_CAMPAIGN_START\r\n });\r\n const response = await getCampaignDocumentsService(campaignId);\r\n console.log(response);\r\n dispatch({\r\n type: CUSTOMER_CAMPAIGN_DOCUMENT_SUCCESS,\r\n data: response.data.data\r\n });\r\n } catch (error) {\r\n const errorMessage = setErrorMessage(error);\r\n console.log(error);\r\n dispatch({\r\n type: CUSTOMER_CAMPAIGN_DOCUMENT_FAIL,\r\n data: errorMessage\r\n });\r\n }\r\n };\r\n};\r\n/* Document Section End */\r\n\r\nconst storeSelectedCampaign = (data) => {\r\n return {\r\n type: CUSTOMER_CAMPAIGN_DATA,\r\n data\r\n };\r\n};\r\n\r\nconst buildDeliverableList = (data = []) => {\r\n const deliverableList = [];\r\n if (!isArrayEmpty(data)) {\r\n const deliverableTypes = [deliverableType.mim, deliverableType.mediaAgentPlan, deliverableType.mediaBuyReport, deliverableType.digitalDashboard, deliverableType.executiveReport];\r\n if (deliverableTypes) {\r\n deliverableTypes.map((list) => {\r\n data.filter((item) => {\r\n const { fileTypeDetails } = item;\r\n\r\n if (fileTypeDetails && fileTypeDetails.fileTypeName\r\n && fileTypeDetails.fileTypeName.toLowerCase() === list.toLowerCase()) {\r\n deliverableList.push(item);\r\n }\r\n return null;\r\n });\r\n return null;\r\n });\r\n }\r\n }\r\n return deliverableList;\r\n};\r\n\r\n/* Deliverable Section Start */\r\nconst getDeliverableList = (campaignId) => {\r\n return async (dispatch) => {\r\n try {\r\n dispatch({\r\n type: CUSTOMER_GET_DELIVERABLE_START\r\n });\r\n\r\n const response = await getDeliverablesService(campaignId);\r\n\r\n if (response) {\r\n dispatch({\r\n type: CUSTOMER_DELIVERABLES_LIST_SUCCESS,\r\n data: buildDeliverableList(response.data.data)\r\n });\r\n } else {\r\n dispatch({\r\n type: CUSTOMER_DELIVERABLE_LIST_ERROR,\r\n data: setErrorMessage(response)\r\n });\r\n }\r\n } catch (error) {\r\n const errorMessage = setErrorMessage(error);\r\n\r\n dispatch({\r\n type: CUSTOMER_DELIVERABLE_LIST_ERROR,\r\n data: errorMessage\r\n });\r\n }\r\n };\r\n};\r\n\r\nconst markAsReadDeliverable = (campaignId = 0, file = {}, companyId = 0) => {\r\n return async (dispatch) => {\r\n try {\r\n dispatch({\r\n type: CUSTOMER_FETCH_CAMPAIGN_DETAILS_START\r\n });\r\n const data = {\r\n isRead: true\r\n };\r\n\r\n const response = await updateMarkAsReadDeliverable(campaignId, file.fileId, data);\r\n\r\n if (response && response.status === 204) {\r\n dispatch(getCampaignActionItems(companyId));\r\n await dispatch(getDeliverableList(campaignId));\r\n const filePath = !RegEx.urlHasHttp.test(file.filePath) ? 'http://' + file.filePath : file.filePath;\r\n window.open(filePath, '_blank');\r\n } else {\r\n dispatch({\r\n type: CUSTOMER_DELIVERABLE_LIST_ERROR,\r\n data: setErrorMessage(response)\r\n });\r\n }\r\n\r\n dispatch({\r\n type: CUSTOMER_FETCH_CAMPAIGN_DETAILS_END\r\n });\r\n } catch (error) {\r\n const errorMessage = setErrorMessage(error);\r\n\r\n dispatch({\r\n type: CUSTOMER_DELIVERABLE_LIST_ERROR,\r\n data: errorMessage\r\n });\r\n\r\n dispatch({\r\n type: CUSTOMER_FETCH_CAMPAIGN_DETAILS_END\r\n });\r\n }\r\n };\r\n};\r\n/* Deliverable Section End */\r\n\r\n/* Task Section Start */\r\nconst getCampaignTaskList = (campaignId) => {\r\n return async (dispatch) => {\r\n try {\r\n dispatch({\r\n type: CUSTOMER_GET_CAMPAIGN_TASKS_START\r\n });\r\n\r\n const response = await getCampaignTasksService(campaignId);\r\n\r\n if (response) {\r\n const { data } = response.data;\r\n\r\n if (data && !isArrayEmpty(data)) {\r\n data.map((item) => {\r\n const task = item;\r\n\r\n task.revisedStartDate = task.revisedStartDate ? dateFormatter(task.revisedStartDate, 'MM/DD/YYYY') : '';\r\n task.revisedEndDate = task.revisedEndDate ? dateFormatter(task.revisedEndDate, 'MM/DD/YYYY') : '';\r\n task.fixedStartDate = task.fixedStartDate ? dateFormatter(task.fixedStartDate, 'utcToLocalTimeOtherFormat') : '';\r\n\r\n return item;\r\n });\r\n\r\n data.sort((a, b) => {\r\n return new Date(a.revisedEndDate) > new Date(b.revisedEndDate) ? 1 : new Date(a.revisedEndDate) < new Date(b.revisedEndDate) ? -1 : 0;\r\n });\r\n }\r\n\r\n dispatch({\r\n type: CUSTOMER_GET_CAMPAIGN_TASKS_SUCCESS,\r\n data\r\n });\r\n } else {\r\n dispatch({\r\n type: CUSTOMER_GET_CAMPAIGN_TASKS_FAIL,\r\n data: setErrorMessage(response)\r\n });\r\n }\r\n } catch (error) {\r\n const errorMessage = setErrorMessage(error);\r\n\r\n dispatch({\r\n type: CUSTOMER_GET_CAMPAIGN_TASKS_FAIL,\r\n data: errorMessage\r\n });\r\n }\r\n };\r\n};\r\n\r\nconst showCustomerUpdateTaskDetails = (data) => {\r\n return {\r\n type: CUSTOMER_SHOW_UPDATE_TASK_DETAILS_POPUP,\r\n data\r\n };\r\n};\r\n\r\nconst updateTaskDetails = (campaignId, task, data, fileObject, companyId) => {\r\n return async (dispatch) => {\r\n try {\r\n const postData = data;\r\n dispatch({\r\n type: CUSTOMER_FETCH_CAMPAIGN_DETAILS_START\r\n });\r\n\r\n if (task.taskType === TaskType.UploadDocument\r\n || task.taskType === TaskType.DocumentUploaded\r\n || (task.taskType === TaskType.UploadFileOrSendEmail && postData.isDirectFileUpload)) {\r\n if (fileObject.documentUploadOptions.uploadedFiles\r\n && !isArrayEmpty(fileObject.documentUploadOptions.uploadedFiles)) {\r\n await Promise.all(fileObject.documentUploadOptions.uploadedFiles.map(async (item) => {\r\n const file = await toBase64(item);\r\n const base64Data = file.base64.split(',')[1];\r\n\r\n postData.fileName = file.fileName;\r\n postData.media = base64Data;\r\n }));\r\n }\r\n }\r\n\r\n if (task.taskType === TaskType.ApproveRequestReject) {\r\n if (data.reviewMediaPlan.uploadedFiles\r\n && !isArrayEmpty(data.reviewMediaPlan.uploadedFiles)) {\r\n const fileDetails = [];\r\n await Promise.all(data.reviewMediaPlan.uploadedFiles.map(async (item) => {\r\n const file = await toBase64(item);\r\n const base64Data = file.base64.split(',')[1];\r\n const fileData = {};\r\n\r\n fileData.media = base64Data;\r\n fileData.fileName = file.fileName;\r\n fileData.mimeType = item.type;\r\n fileData.dimension = item.width && item.height ? item.width + 'x' + item.height : '';\r\n fileDetails.push(fileData);\r\n }));\r\n data.reviewMediaPlan.fileDetails = fileDetails;\r\n }\r\n }\r\n\r\n const postResponse = await updateTaskDetailsService(campaignId, task.workFlowTaskId, postData);\r\n\r\n let isArchivedCampaign = false;\r\n\r\n if (postResponse.data.resultCount) {\r\n if ((task.taskType === TaskType.YesOrNo && !postData.isMediaBuy) || (data.reviewMediaPlan && data.reviewMediaPlan.isReject)) {\r\n isArchivedCampaign = true;\r\n } else {\r\n dispatch(getCampaignActionItems(companyId));\r\n dispatch(getCampaignTaskList(campaignId));\r\n if (task.taskType === TaskType.UploadDocument\r\n || task.taskType === TaskType.DocumentUploaded\r\n || task.taskType === TaskType.UploadFileOrSendEmail) {\r\n dispatch(getCustomerCampaignDocuments(campaignId));\r\n\r\n dispatch(getDeliverableList(campaignId));\r\n }\r\n }\r\n\r\n dispatch({\r\n type: CUSTOMER_UPDATE_TASK_DETAILS_SUCCESS,\r\n data: isArchivedCampaign\r\n });\r\n } else {\r\n dispatch({\r\n type: CUSTOMER_UPDATE_TASK_DETAILS_ERROR,\r\n errorMessage: setErrorMessage(postResponse)\r\n });\r\n }\r\n\r\n dispatch({\r\n type: CUSTOMER_FETCH_CAMPAIGN_DETAILS_END\r\n });\r\n } catch (error) {\r\n dispatch({\r\n type: CUSTOMER_UPDATE_TASK_DETAILS_ERROR,\r\n errorMessage: setErrorMessage(error)\r\n });\r\n\r\n dispatch({\r\n type: CUSTOMER_FETCH_CAMPAIGN_DETAILS_END\r\n });\r\n }\r\n };\r\n};\r\n/* Task Section End */\r\n\r\nconst getCampaignDetails = (selectedCampaign, selectedAction, data) => {\r\n return async (dispatch) => {\r\n try {\r\n const {\r\n campaignId,\r\n companyId,\r\n file,\r\n isSameCampaignSelected,\r\n isMIMPackageSelected\r\n } = data;\r\n\r\n dispatch({\r\n type: CUSTOMER_FETCH_CAMPAIGN_DETAILS_START\r\n });\r\n\r\n dispatch(storeSelectedCampaign(selectedCampaign));\r\n if (!isSameCampaignSelected) {\r\n dispatch(changeIsNewCampaignEnabledFlag(false));\r\n dispatch(getCampaignTaskList(campaignId));\r\n dispatch(getCampaignMessages(campaignId));\r\n dispatch(getCustomerCampaignDocuments(campaignId));\r\n dispatch(getDeliverableList(campaignId));\r\n if (!isMIMPackageSelected) {\r\n dispatch(getCampaignTotalRewardPoints(campaignId));\r\n dispatch(getFlighting(campaignId));\r\n }\r\n dispatch(handleRewardNotification(selectedCampaign.isRewardNotification, campaignId));\r\n }\r\n\r\n if (selectedAction === 'taskUpdate') {\r\n await dispatch(showCustomerUpdateTaskDetails(data));\r\n } else if (selectedAction === 'creativeUpload') {\r\n await dispatch(handleCreativeUploadPopup(data));\r\n } else if (selectedAction === 'deliverable') {\r\n dispatch(markAsReadDeliverable(campaignId, file, companyId));\r\n } else if (selectedAction === 'message') {\r\n await dispatch(handleViewMessage(data));\r\n }\r\n dispatch({\r\n type: CUSTOMER_FETCH_CAMPAIGN_DETAILS_END\r\n });\r\n } catch (error) {\r\n dispatch({\r\n type: CUSTOMER_FETCH_CAMPAIGN_DETAILS_END\r\n });\r\n }\r\n };\r\n};\r\n\r\nexport {\r\n getCampaignList,\r\n storeSelectedCampaign,\r\n getCampaignTotalRewardPoints,\r\n getCampaignMessages,\r\n getDeliverableList,\r\n getCampaignTaskList,\r\n showCustomerUpdateTaskDetails,\r\n updateTaskDetails,\r\n getCustomerCampaignDocuments,\r\n getCampaignActionItems,\r\n markAsReadDeliverable,\r\n changeIsNewCampaignEnabledFlag,\r\n getCampaignDetails,\r\n getCompanyLocationsList,\r\n handleComposeMessage,\r\n postNewMessageDetails,\r\n handleViewMessage,\r\n handleRewardNotification\r\n};\r\n","module.exports = __webpack_public_path__ + \"static/media/icon-retry.bfe6a7e5.svg\";","/* eslint-disable array-callback-return */\r\n/* eslint-disable indent */\r\n/* eslint-disable no-tabs */\r\nimport _ from 'lodash';\r\nimport * as actionTypes from '../actions/actionTypes';\r\nimport { updateObject } from '../../utils/reducer_utility';\r\nimport { getInitialComapnyAddressList } from './businessProfile';\r\n\r\nexport const campaignDetail = [{\r\n campaignId: null,\r\n startDate: null,\r\n endDate: null,\r\n campaignCreatedDateTime: null,\r\n packageId: null,\r\n packageName: null,\r\n campaignName: null,\r\n companyId: null,\r\n isIntakeComplete: null\r\n}];\r\n\r\nconst initialIndividualLocation = {\r\n location: {\r\n id: null,\r\n companyId: null,\r\n storeLocationName: '',\r\n address1: '',\r\n address2: '',\r\n city: '',\r\n state: '',\r\n zip: '',\r\n budget: null,\r\n noLocationsInMarket: 0\r\n },\r\n errorMessages: {\r\n storeLocationNameError: '',\r\n address1Error: '',\r\n cityError: '',\r\n stateError: '',\r\n zipError: '',\r\n noLocationsInMarketError: ''\r\n }\r\n};\r\n\r\nconst initialState = {\r\n companyDetails: {\r\n companyId: null,\r\n companyName: null,\r\n companyLegalName: null,\r\n adminNotes: null,\r\n personDetail: {\r\n personId: null,\r\n firstName: null,\r\n lastName: null,\r\n userName: null,\r\n contactNumber: null,\r\n email: null\r\n },\r\n accountsPayableName: null,\r\n accountsPayableEmail: null,\r\n taxId: null,\r\n additionalEmail: null,\r\n customerSuccessPersonId: null,\r\n timeZone: null,\r\n companyAddresses: getInitialComapnyAddressList()\r\n },\r\n userName: null,\r\n isLocationEditable: false,\r\n isCompanyEditable: false,\r\n isAccountSettingsEditable: false,\r\n businessEmail: null,\r\n activeCampaigns: { ...campaignDetail },\r\n archivedCampaigns: { ...campaignDetail },\r\n companyPackageDicounts: [],\r\n packages: [],\r\n loading: false,\r\n errorMessage: null,\r\n isCompanyProfileSaved: false,\r\n locations: [initialIndividualLocation],\r\n unUsedLocations: [],\r\n unUsedActiveCampaigns: [],\r\n isMovedToArchive: false,\r\n customerStatus: ''\r\n};\r\n\r\nconst getAdminCustomerDetailsStart = (state, action) => {\r\n return updateObject(state, {\r\n loading: true,\r\n errorMessage: null\r\n });\r\n};\r\n\r\nconst adminCustomerDetailsFinish = (state, action) => {\r\n return updateObject(state, {\r\n loading: false,\r\n errorMessage: null\r\n });\r\n};\r\n\r\nconst getAdminCustomerDetailsFail = (state, action) => {\r\n return updateObject(state, {\r\n loading: false,\r\n errorMessage: action.errorMessage\r\n });\r\n};\r\n\r\nconst updateCompanyProfileIsSaved = (state, action) => {\r\n return updateObject(state, {\r\n isCompanyProfileSaved: action.data\r\n });\r\n};\r\n\r\nconst createAddress = (address) => {\r\n return {\r\n address1: address.address1,\r\n address2: address.address2,\r\n city: address.city,\r\n state: address.state,\r\n zipCode: address.zipCode,\r\n isBillingAddress: true,\r\n isPrimary: true\r\n };\r\n};\r\n\r\nconst createCompanyaddressObject = (campaignCompanyAddress) => {\r\n let tempCampaignCompanyAddress = [];\r\n if (campaignCompanyAddress.length === 0) {\r\n tempCampaignCompanyAddress = getInitialComapnyAddressList();\r\n } else if (campaignCompanyAddress.length === 1) {\r\n tempCampaignCompanyAddress.push(createAddress(campaignCompanyAddress[0]));\r\n tempCampaignCompanyAddress.push({\r\n address1: '',\r\n address2: '',\r\n city: '',\r\n state: '',\r\n zipCode: '',\r\n isBillingAddress: false,\r\n isPrimary: false\r\n });\r\n } else if (campaignCompanyAddress.length === 2) {\r\n tempCampaignCompanyAddress = campaignCompanyAddress;\r\n }\r\n return tempCampaignCompanyAddress;\r\n};\r\n\r\nconst createIndividualLocation = (item, type) => {\r\n return {\r\n location: {\r\n id: item.id,\r\n companyId: item.companyId,\r\n storeLocationName: item.storeLocationName,\r\n address1: item.address1 || '',\r\n address2: item.address2 || '',\r\n city: item.city || '',\r\n state: item.state || '',\r\n zip: item.zip || '',\r\n noLocationsInMarket: item.noLocationsInMarket || 0\r\n },\r\n errorMessages: {\r\n storeLocationNameError: '',\r\n address1Error: '',\r\n stateError: '',\r\n cityError: '',\r\n zipError: '',\r\n budgetError: '',\r\n noLocationsInMarketError: ''\r\n }\r\n };\r\n};\r\n\r\nconst createLocationObject = (data) => {\r\n console.log((initialIndividualLocation));\r\n\r\n const tempLocations = [];\r\n if (data === null) {\r\n tempLocations.push(initialIndividualLocation);\r\n } else {\r\n data.map((item, index) => {\r\n tempLocations.push(createIndividualLocation(item, 'GET'));\r\n });\r\n }\r\n return tempLocations;\r\n};\r\n\r\nconst getAdminCustomerDetailsSuccess = (state, action) => {\r\n const { companyDetails } = action.data;\r\n const tempCompanyDetails = {\r\n companyId: companyDetails.companyId,\r\n companyName: companyDetails.companyName || '',\r\n companyLegalName: companyDetails.companyLegalName,\r\n additionalEmail: companyDetails.additionalEmail,\r\n adminNotes: companyDetails.adminNotes,\r\n personDetail: companyDetails.personDetail,\r\n accountsPayableName: companyDetails.accountsPayableName || '',\r\n accountsPayableEmail: companyDetails.accountsPayableEmail || '',\r\n taxId: companyDetails.taxId,\r\n\t\tcustomerSuccessPersonId: companyDetails.customerSuccessPersonId,\r\n\t\tsecondaryCustomerSuccessPersonId: companyDetails.secondaryCustomerSuccessPersonId,\r\n timeZone: companyDetails.timeZone,\r\n companyAddresses: companyDetails.companyAddresses\r\n ? createCompanyaddressObject(companyDetails.companyAddresses)\r\n : state.companyDetails.companyAddresses\r\n };\r\n return updateObject(state, {\r\n loading: false,\r\n errorMessage: null,\r\n companyDetails: tempCompanyDetails,\r\n unUsedCompanyDetails: _.cloneDeep(tempCompanyDetails),\r\n unUsedUserProfile: _.cloneDeep(tempCompanyDetails.personDetail),\r\n unUsedComapnyAddresses: _.cloneDeep(tempCompanyDetails.companyAddresses),\r\n activeCampaigns: companyDetails.activeCampaigns,\r\n unUsedActiveCampaigns: _.cloneDeep(companyDetails.activeCampaigns),\r\n archivedCampaigns: companyDetails.archivedCampaigns,\r\n companyPackageDicounts: action.data.companyPackageDicounts,\r\n userName: action.data.companyDetails.personDetail.userName,\r\n businessEmail: action.data.companyDetails.personDetail.email,\r\n customerStatus: action.data.companyDetails.customerStatus,\r\n additionalEmail: action.data.companyDetails.additionalEmail,\r\n locations: createLocationObject(action.data.locations),\r\n unUsedLocations: createLocationObject(action.data.locations),\r\n packages: action.data.packages,\r\n isMovedToArchive: true\r\n });\r\n};\r\n\r\nconst updateCompanyProfileSuccess = (state, action) => {\r\n const tempCompanyDetails = {\r\n companyId: action.data.companyObject.companyId,\r\n companyName: action.data.companyObject.companyName || '',\r\n companyLegalName: action.data.companyObject.companyLegalName,\r\n additionalEmail: action.data.companyObject.additionalEmail,\r\n adminNotes: action.data.companyObject.adminNotes,\r\n personDetail: action.data.companyObject.personDetailDTO,\r\n accountsPayableName: action.data.companyObject.accountsPayableName || '',\r\n accountsPayableEmail: action.data.companyObject.accountsPayableEmail || '',\r\n taxId: action.data.companyObject.taxId,\r\n customerSuccessPersonId: state.companyDetails.customerSuccessPersonId,\r\n timeZone: state.companyDetails.timeZone,\r\n companyAddresses: createCompanyaddressObject(\r\n action.data.companyObject.companyAddressPostDetailsDTO\r\n )\r\n };\r\n return updateObject(state, {\r\n isCompanyEditable: false,\r\n companyDetails: tempCompanyDetails,\r\n unUsedCompanyDetails: _.cloneDeep(tempCompanyDetails),\r\n unUsedUserProfile: _.cloneDeep(tempCompanyDetails.personDetail),\r\n unUsedComapnyAddresses: _.cloneDeep(tempCompanyDetails.companyAddresses)\r\n });\r\n};\r\n\r\nconst saveLocationsSuccess = (state, action) => {\r\n return updateObject(state, {\r\n isLocationEditable: false,\r\n locations: createLocationObject(action.data),\r\n unUsedLocations: createLocationObject(action.data)\r\n });\r\n};\r\n\r\nconst updateIsCompanyEditable = (state, action) => {\r\n return updateObject(state, {\r\n isCompanyEditable: action.data\r\n });\r\n};\r\n\r\nconst updateIsLocationEditable = (state, action) => {\r\n return updateObject(state, {\r\n isLocationEditable: action.data\r\n });\r\n};\r\n\r\nconst updateIsAccountSettingEditable = (state, action) => {\r\n return updateObject(state, {\r\n isAccountSettingsEditable: action.data\r\n });\r\n};\r\n\r\nconst updateIsMovedToarchiveStatus = (state, action) => {\r\n return updateObject(state, {\r\n isMovedToArchive: action.data\r\n });\r\n};\r\n\r\nconst moveToArchiveSuccess = (state, action) => {\r\n const tempActiveCampaigns = state.activeCampaigns;\r\n const tempArchivedCampaigns = state.archivedCampaigns;\r\n action.data.campaignIds.map((item) => {\r\n const index = tempActiveCampaigns.findIndex((x) => { return x.campaignId === item; });\r\n const res = tempActiveCampaigns.filter((x) => { return x.campaignId === item; });\r\n tempArchivedCampaigns.push(res[0]);\r\n tempActiveCampaigns.splice(index, 1);\r\n });\r\n return updateObject(state, {\r\n activeCampaigns: tempActiveCampaigns,\r\n unUsedActiveCampaigns: _.cloneDeep(tempActiveCampaigns),\r\n archivedCampaigns: tempArchivedCampaigns,\r\n isMovedToArchive: true\r\n });\r\n};\r\n\r\nconst saveAccountSettingsSuccess = (state, action) => {\r\n const tempCompanyDetails = state.companyDetails;\r\n tempCompanyDetails.timeZone = action.data.companyObject.timeZone;\r\n tempCompanyDetails.customerSuccessPersonId = action.data.companyObject.customerSuccessPersonId;\r\n return updateObject(state, {\r\n companyDetails: tempCompanyDetails,\r\n unUsedCompanyDetails: _.cloneDeep(tempCompanyDetails),\r\n isAccountSettingsEditable: false\r\n });\r\n};\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.ADMIN_CUSTOMER_DETAILS_START:\r\n return getAdminCustomerDetailsStart(state, action);\r\n case actionTypes.ADMIN_CUSTOMER_DETAILS_FAIL:\r\n return getAdminCustomerDetailsFail(state, action);\r\n case actionTypes.GET_ADMIN_CUSTOMER_DETAILS_SUCCESS:\r\n return getAdminCustomerDetailsSuccess(state, action);\r\n case actionTypes.UPDATE_COMPANY_PROFILE_IS_SAVED:\r\n return updateCompanyProfileIsSaved(state, action);\r\n case actionTypes.ADMIN_CUSTOMER_DETAILS_SUCCESS:\r\n return adminCustomerDetailsFinish(state, action);\r\n case actionTypes.SAVE_ADMIN_LOCATION_SUCCESS:\r\n return saveLocationsSuccess(state, action);\r\n case actionTypes.UPDATE_IS_COMPANY_EDITABLE:\r\n return updateIsCompanyEditable(state, action);\r\n case actionTypes.UPDATE_IS_LOCATION_EDITABLE:\r\n return updateIsLocationEditable(state, action);\r\n case actionTypes.UPDATE_COMPANY_PROFILE_SUCCESS:\r\n return updateCompanyProfileSuccess(state, action);\r\n case actionTypes.MOVE_TO_ARCHIVE_SUCCESS:\r\n return moveToArchiveSuccess(state, action);\r\n case actionTypes.UPDATE_IS_MOVED_TO_ARCHIVE_STATUS:\r\n return updateIsMovedToarchiveStatus(state, action);\r\n case actionTypes.UPDATE_IS_ACCOUNT_SETTINGS_EDITABLE:\r\n return updateIsAccountSettingEditable(state, action);\r\n case actionTypes.SAVE_ACCOUNT_SETTINGS_SUCCESS:\r\n return saveAccountSettingsSuccess(state, action);\r\n case actionTypes.UPDATE_COMPANY_PROFILE_INITIAL_STATE:\r\n return initialState;\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default reducer;\r\n","module.exports = __webpack_public_path__ + \"static/media/tv.7e713775.svg\";","module.exports = __webpack_public_path__ + \"static/media/online-video.c3c5675d.svg\";","module.exports = __webpack_public_path__ + \"static/media/radio.8fca42d8.svg\";","module.exports = __webpack_public_path__ + \"static/media/online-audio.b07b25bb.svg\";","module.exports = __webpack_public_path__ + \"static/media/newspaper.693f5bc7.svg\";","module.exports = __webpack_public_path__ + \"static/media/magazine.95f6af21.svg\";","module.exports = __webpack_public_path__ + \"static/media/out-of-home.e8cc6416.svg\";","module.exports = __webpack_public_path__ + \"static/media/paid-social.1fbaff26.svg\";","module.exports = __webpack_public_path__ + \"static/media/paid-search.31e65da2.svg\";","module.exports = __webpack_public_path__ + \"static/media/icon-calendar-active.9fb897b9.svg\";","module.exports = __webpack_public_path__ + \"static/media/icon-calendar-completed.8ef58b96.svg\";","module.exports = __webpack_public_path__ + \"static/media/icon-calendar-disabled.d287d0b0.svg\";","module.exports = __webpack_public_path__ + \"static/media/icon-calendar-warning.e6f1538d.svg\";","module.exports = __webpack_public_path__ + \"static/media/icon-speaker-active.067a6ced.svg\";","module.exports = __webpack_public_path__ + \"static/media/icon-speaker-completed.3f904e52.svg\";","module.exports = __webpack_public_path__ + \"static/media/icon-speaker-disabled.02a7388c.svg\";","import {\r\n AUTH_START,\r\n AUTH_LOGOUT,\r\n AUTH_COMPANY_NAME,\r\n AUTH_SUCCESS,\r\n AUTH_FAIL,\r\n LOGOUT_START\r\n} from './actionTypes';\r\n\r\nimport {\r\n loginService,\r\n logoutService,\r\n resetPassword,\r\n getCompanyDetailsById,\r\n resetCredentials\r\n} from '../services/auth';\r\n\r\nimport {\r\n setErrorMessage\r\n} from '../../utils/utility_helpers';\r\n\r\nconst logout = () => {\r\n if (localStorage.getItem('x-token')) {\r\n return async (dispatch) => {\r\n try {\r\n dispatch({\r\n type: LOGOUT_START\r\n });\r\n\r\n await logoutService();\r\n\r\n localStorage.clear();\r\n\r\n dispatch({\r\n type: AUTH_LOGOUT\r\n });\r\n } catch (err) {\r\n localStorage.clear();\r\n\r\n dispatch({\r\n type: AUTH_LOGOUT\r\n });\r\n }\r\n };\r\n }\r\n localStorage.clear();\r\n return { type: AUTH_LOGOUT };\r\n};\r\n\r\nconst login = (formData) => {\r\n return async (dispatch) => {\r\n try {\r\n dispatch({\r\n type: AUTH_START\r\n });\r\n\r\n const response = await loginService(formData);\r\n\r\n // store user info in localstorage\r\n localStorage.setItem('x-token', response.data.data.token);\r\n localStorage.setItem('UserName', response.data.data.userName);\r\n localStorage.setItem('PersonId', response.data.data.personId);\r\n localStorage.setItem('CompanyId', response.data.data.companies && response.data.data.companies[0].companyId);\r\n localStorage.setItem('CompanyName', response.data.data.companies && response.data.data.companies[0].companyName);\r\n localStorage.setItem('FirstName', response.data.data.firstName);\r\n localStorage.setItem('LastName', response.data.data.lastName);\r\n localStorage.setItem('Email', response.data.data.email);\r\n localStorage.setItem('Roles', JSON.stringify(response.data.data.roles));\r\n localStorage.setItem('expirationTime', formData.isKeepMeLoggedIn ? response.data.data.keepMeLoggedInHours : response.data.data.defaultLoggedInHours);\r\n localStorage.setItem('remainingTime', formData.isKeepMeLoggedIn ? response.data.data.keepMeLoggedInHours : response.data.data.defaultLoggedInHours);\r\n localStorage.setItem(\r\n 'ContactNumber',\r\n response.data.data.contactNumber == null ? '' : response.data.data.contactNumber\r\n );\r\n localStorage.setItem(\r\n 'IntakeStepId',\r\n response.data.data.incompleteIntakeDetails != null\r\n ? response.data.data.incompleteIntakeDetails.intakeStepId\r\n : ''\r\n );\r\n localStorage.setItem(\r\n 'PackageId',\r\n response.data.data.incompleteIntakeDetails != null\r\n ? response.data.data.incompleteIntakeDetails.packageId\r\n : ''\r\n );\r\n localStorage.setItem(\r\n 'CampaignId',\r\n response.data.data.incompleteIntakeDetails != null\r\n ? response.data.data.incompleteIntakeDetails.campaignId\r\n : ''\r\n );\r\n localStorage.setItem(\r\n 'numberOfIntakeCompletedCampaigns',\r\n response.data.data.numberOfIntakeCompletedCampaigns\r\n ? response.data.data.numberOfIntakeCompletedCampaigns\r\n : 0\r\n );\r\n\r\n dispatch({\r\n type: AUTH_SUCCESS,\r\n data: response.data.data\r\n });\r\n } catch (error) {\r\n const errorMessage = setErrorMessage(error);\r\n\r\n dispatch({\r\n type: AUTH_FAIL,\r\n errorMessage\r\n });\r\n }\r\n };\r\n};\r\n\r\nconst resetAccountCredentials = (formData) => {\r\n return async (dispatch) => {\r\n try {\r\n dispatch({\r\n type: AUTH_START\r\n });\r\n\r\n const response = await resetCredentials(formData);\r\n\r\n if (response.status === 204) {\r\n const loginData = {\r\n userName: formData.userName,\r\n password: formData.password\r\n };\r\n\r\n dispatch(login(loginData));\r\n }\r\n } catch (error) {\r\n const errorMessage = setErrorMessage(error);\r\n\r\n\r\n dispatch({\r\n type: AUTH_FAIL,\r\n errorMessage\r\n });\r\n }\r\n };\r\n};\r\n\r\nconst getCompanyInfoById = (companyId) => {\r\n return async (dispatch) => {\r\n try {\r\n dispatch({\r\n type: AUTH_START\r\n });\r\n\r\n const response = await getCompanyDetailsById(companyId);\r\n\r\n if (response.data.resultCount > 0) {\r\n dispatch({\r\n type: AUTH_COMPANY_NAME,\r\n companyLegalName: response.data.data.companyLegalName\r\n });\r\n }\r\n } catch (error) {\r\n const errorMessage = setErrorMessage(error);\r\n\r\n\r\n dispatch({\r\n type: AUTH_FAIL,\r\n errorMessage\r\n });\r\n }\r\n };\r\n};\r\n\r\nconst userResetPassword = (formData = {}) => {\r\n return async (dispatch) => {\r\n try {\r\n dispatch({\r\n type: AUTH_START\r\n });\r\n\r\n const data = {\r\n userName: formData.userName,\r\n tempPassword: formData.temporaryPassword,\r\n password: formData.newPassword\r\n };\r\n\r\n const response = await resetPassword(data);\r\n\r\n if (response.status === 204) {\r\n const loginData = {\r\n userName: formData.userName,\r\n password: formData.newPassword,\r\n isKeepMeLoggedIn: formData.keepMeLoggedIn\r\n };\r\n dispatch(login(loginData));\r\n }\r\n } catch (error) {\r\n const errorMessage = setErrorMessage(error);\r\n\r\n\r\n dispatch({\r\n type: AUTH_FAIL,\r\n errorMessage\r\n });\r\n }\r\n };\r\n};\r\n\r\nexport {\r\n login,\r\n logout,\r\n userResetPassword,\r\n getCompanyInfoById,\r\n resetAccountCredentials\r\n};\r\n","module.exports = __webpack_public_path__ + \"static/media/icon-speaker-warning.f02b69e8.svg\";","module.exports = __webpack_public_path__ + \"static/media/icon-upload-active.00bbc70b.svg\";","module.exports = __webpack_public_path__ + \"static/media/icon-upload-completed.29cbb3dd.svg\";","module.exports = __webpack_public_path__ + \"static/media/icon-upload-disabled.a6827fac.svg\";","module.exports = __webpack_public_path__ + \"static/media/icon-upload-warning.00214d70.svg\";","module.exports = __webpack_public_path__ + \"static/media/icon-write-active.c025a517.svg\";","module.exports = __webpack_public_path__ + \"static/media/icon-write-completed.61635f69.svg\";","module.exports = __webpack_public_path__ + \"static/media/icon-write-disabled.a5955e50.svg\";","module.exports = __webpack_public_path__ + \"static/media/icon-write-warning.43edead9.svg\";","module.exports = __webpack_public_path__ + \"static/media/icon-info-active.4415bb6d.svg\";","/* eslint-disable no-tabs */\r\n/* eslint-disable indent */\r\nimport { API } from '../../helpers/apiHelpers';\r\n\r\nconst getCompanyService = (companyId) => {\r\n const url = '/company/' + companyId;\r\n return API.get(url)\r\n .then((response) => {\r\n console.log(response);\r\n return response;\r\n })\r\n .catch((error) => {\r\n return Promise.reject(error);\r\n });\r\n};\r\n\r\nconst updateCompanyservice = (formData) => {\r\n const url = '/company/' + formData.companyId;\r\n return API.put(url, formData)\r\n .then((response) => {\r\n console.log(response);\r\n return response;\r\n })\r\n .catch((error) => {\r\n return Promise.reject(error);\r\n });\r\n};\r\n\r\nconst getCompanyLocations = (companyId) => {\r\n const url = `company/${companyId}/locations`;\r\n return API.get(url)\r\n .then((response) => {\r\n console.log(response);\r\n return response;\r\n })\r\n .catch((error) => {\r\n return Promise.reject(error);\r\n });\r\n};\r\n\r\nconst saveCompanyLocationsService = (locations, companyId) => {\r\n const url = `company/${companyId}/locations`;\r\n return API.post(url, locations)\r\n .then((response) => {\r\n console.log(response);\r\n return response;\r\n })\r\n .catch((error) => {\r\n return Promise.reject(error);\r\n });\r\n};\r\n\r\nconst updateCompanyDetailsService = (data, companyId) => {\r\n const url = `company/${companyId}`;\r\n return API.patch(url, data)\r\n .then((response) => {\r\n console.log(response);\r\n return response;\r\n })\r\n .catch((error) => {\r\n return Promise.reject(error);\r\n });\r\n};\r\n\r\nconst updateCompanyPackageDiscountsService = (data, companyId) => {\r\n const url = `company/${companyId}/packagecompanydiscounts`;\r\n return API.post(url, data)\r\n .then((response) => {\r\n console.log(response);\r\n return response;\r\n })\r\n .catch((error) => {\r\n return Promise.reject(error);\r\n });\r\n};\r\n\r\nconst getCompanyPromotions = (companyId) => {\r\n\tconst url = `companies/${companyId}/promotions`;\r\n\treturn API.get(url)\r\n\t\t.then((response) => {\r\n\t\t\tconsole.log(response);\r\n\t\t\treturn response;\r\n\t\t})\r\n\t\t.catch((error) => {\r\n\t\t\treturn Promise.reject(error);\r\n\t\t});\r\n};\r\n\r\nexport {\r\n getCompanyService,\r\n updateCompanyservice,\r\n getCompanyLocations,\r\n saveCompanyLocationsService,\r\n updateCompanyDetailsService,\r\n\tupdateCompanyPackageDiscountsService,\r\n\tgetCompanyPromotions\r\n};\r\n","module.exports = __webpack_public_path__ + \"static/media/icon-info-completed.d3ca0c8f.svg\";","module.exports = __webpack_public_path__ + \"static/media/icon-info-disabled.46064645.svg\";","module.exports = __webpack_public_path__ + \"static/media/icon-info-warning.3f187e22.svg\";","module.exports = __webpack_public_path__ + \"static/media/hamburger-icon.1c1eb546.svg\";","module.exports = __webpack_public_path__ + \"static/media/ma-close-icon.a9e53c93.svg\";","module.exports = __webpack_public_path__ + \"static/media/icon-address.4d1bbc2d.svg\";","module.exports = __webpack_public_path__ + \"static/media/icon-address-black.a05d74ba.svg\";","module.exports = __webpack_public_path__ + \"static/media/icon-down-arrow.25f1deac.svg\";","import axios from 'axios';\r\n\r\nconst { ENV } = process.env;\r\nconsole.log(ENV.API_BASE_URL);\r\nconst API = axios.create({\r\n baseURL: ENV.API_BASE_URL,\r\n timeout: 9999999,\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n }\r\n});\r\n\r\nAPI.interceptors.request.use(\r\n (config) => {\r\n const token = localStorage.getItem('x-token') ? localStorage.getItem('x-token') : '';\r\n config.headers['x-token'] = token;\r\n config.headers['application-key'] = ENV.APPLICATION_KEY;\r\n // config.headers.Expires = '-1';\r\n // config.headers['Cache-Control'] = 'no-cache,no-store,must-revalidate,max-age=-1,private';\r\n // config.headers.Pragma = 'no-cache';\r\n // Do something before request is sent\r\n return config;\r\n },\r\n (error) => {\r\n return Promise.reject(error);\r\n }\r\n);\r\n\r\nAPI.interceptors.response.use(\r\n (response) => {\r\n return response;\r\n },\r\n (error) => {\r\n const { response } = error;\r\n const { status, data } = response;\r\n\r\n if (status === 403 && data && data.message.toLowerCase() === 'token is expired.') {\r\n localStorage.clear();\r\n window.location.href = '/login';\r\n }\r\n\r\n return Promise.reject(error);\r\n }\r\n);\r\n\r\nexport { API };\r\n","import { API } from '../../helpers/apiHelpers';\r\n\r\nconst getCampaignDetailsList = async (companyId) => {\r\n if (companyId) {\r\n const url = `companies/${companyId}/campaigns`;\r\n try {\r\n return await API.get(url);\r\n } catch (error) {\r\n return Promise.reject(error);\r\n }\r\n }\r\n return null;\r\n};\r\n\r\nconst getActionItems = async (companyId) => {\r\n if (companyId) {\r\n const url = `companies/${companyId}/actionitems`;\r\n try {\r\n return await API.get(url);\r\n } catch (error) {\r\n return Promise.reject(error);\r\n }\r\n }\r\n return null;\r\n};\r\n\r\nconst getAllActionItemsService = async () => {\r\n const url = 'companies/actionitems';\r\n try {\r\n return await API.get(url);\r\n } catch (error) {\r\n return Promise.reject(error);\r\n }\r\n};\r\n\r\nconst getCampaignTotalRewardPointsService = async (campaignId) => {\r\n if (campaignId) {\r\n const url = `campaigns/${campaignId}/totalrewards/`;\r\n try {\r\n return await API.get(url);\r\n } catch (error) {\r\n return Promise.reject(error);\r\n }\r\n }\r\n return null;\r\n};\r\n\r\nconst updateMarkAsReadDeliverable = async (campaignId, fileId, data) => {\r\n if (campaignId) {\r\n const url = `campaigns/${campaignId}/files/${fileId}/isread`;\r\n try {\r\n return await API.put(url, data);\r\n } catch (error) {\r\n return Promise.reject(error);\r\n }\r\n }\r\n return null;\r\n};\r\n\r\nconst postNewMessage = async (campaignId, data) => {\r\n if (campaignId) {\r\n const url = `campaigns/${campaignId}/messages`;\r\n try {\r\n return await API.post(url, data);\r\n } catch (error) {\r\n return Promise.reject(error);\r\n }\r\n }\r\n return null;\r\n};\r\n\r\nconst getMessageDetails = async (campaignId, threadId) => {\r\n if (campaignId) {\r\n const url = `campaigns/${campaignId}/messages/${threadId}`;\r\n try {\r\n return await API.get(url);\r\n } catch (error) {\r\n return Promise.reject(error);\r\n }\r\n }\r\n return null;\r\n};\r\n\r\nexport {\r\n getCampaignDetailsList,\r\n getCampaignTotalRewardPointsService,\r\n getActionItems,\r\n updateMarkAsReadDeliverable,\r\n postNewMessage,\r\n getMessageDetails,\r\n getAllActionItemsService\r\n};\r\n"],"sourceRoot":""}Loading...
\r\n\r\n {message && {message}