\n \n
Savvi Technologies, Inc. \n Privacy Policy \n Last Updated: October 11, 2021 \n \n This privacy policy (“Policy ”) describes how Savvi Technologies,\n Inc. and its affiliates (“Company ”) collect, use and share\n personal information of consumer users of this website,{' '}\n \n www.savvi.legal\n {' '}\n (the “Site ”). This Policy also applies to any of our other\n websites that post this Policy. This Policy does not apply to websites that post\n different statements.\n
\n \n
What We Collect \n \n We get information about you in a range of ways
\n \n
\n Information You Give Us. We may collect your name, address,\n email, phone number, fax number, username, password, demographic information\n (such as your gender and occupation), company information and other information\n related to your use of the products and services provided by the Company,\n including those provided via the Site, as well as other information you directly\n give us on our Site.\n
\n
\n Information We Get From Others. We may get information about\n you from other sources. We may add this to information we get from this Site.\n
\n
\n Information Automatically Collected. We automatically log\n information about you and your computer. For example, when visiting our Site, we\n log your computer operating system type, browser type, browser language, the\n website you visited before browsing to our Site, pages you viewed, how long you\n spent on a page, access times and information about your use of and actions on\n our Site.\n
\n
\n Cookies. We may log information using “cookies.” Cookies are\n small data files stored on your hard drive by a website. We may use both session\n Cookies (which expire once you close your web browser) and persistent Cookies\n (which stay on your computer until you delete them) to provide you with a more\n personal and interactive experience on our Site. This type of information is\n collected to make the Site more useful to you and to tailor the experience with\n us to meet your special interests and needs.\n
\n
\n
Use of Personal Information \n \n \n We may use your personal information to take some or all of the following actions:\n
\n \n Operate, maintain, and improve our sites, products, and services; \n \n Send information including products, services, confirmations, invoices,\n technical notices, updates, security alerts, and support and administrative\n messages;\n \n \n Communicate about promotions, upcoming events, and other news about products and\n services offered by us and our selected partners;\n \n Link or combine user information with other personal information; \n \n Protect, investigate, and deter against fraudulent, unauthorized, or illegal\n activity; and\n \n Provide and deliver products and services customers request. \n \n \n
Sharing of Personal Information \n \n We may share personal information in the following ways:
\n \n \n With your consent (for example, you may let us share personal information with\n others for their own marketing uses--those uses will be subject to their privacy\n policies);\n \n \n When we do a business deal, or negotiate a business deal, involving the sale or\n transfer of all or a part of our business or assets (these deals can include any\n merger, financing, acquisition, or bankruptcy transaction or proceeding);\n \n \n For legal, protection, and safety purposes, such as for the following purposes:\n \n To comply with laws; \n To respond to lawful requests and legal processes; \n \n To protect the rights and property of ProFormaly, LLC, our agents,\n affiliates, customers, and others--this includes enforcing our agreements,\n policies, and terms of use; and\n \n \n In an emergency--this includes protecting the safety of our employees and\n agents, our customers, or any person;\n \n \n \n With those who need it to do work for us. \n \n \n We may also share aggregated and/or anonymized data with others for their own\n uses.\n
\n \n
INFORMATION CHOICES AND CHANGES \n \n \n Our marketing emails tell you how to “opt-out.” If you opt out, we may still send\n you non-marketing emails. Non-marketing emails include emails about your accounts\n and our business dealings with you.\n
\n \n You may send requests about personal information to our Contact Information below.\n You can request to change contact choices, opt-out of our sharing with others, and\n update your personal information.\n
\n \n You can typically remove and reject cookies from our Site with your browser\n settings. Many browsers are set to accept cookies until you change your settings.\n If you remove or reject our cookies, it could affect how our Site works for you.\n
\n \n Contact Information. {' '}\n We welcome your comments or questions about this privacy policy. You may also\n contact us at our address:\n
\n \n Savvi Technologies, Inc.\n
\n \n \n Changes To This Privacy Policy.\n {' '}\n We may change this privacy policy. If we make any changes, we will change the Last\n Updated date above.\n
\n \n );\n};\n\nexport default PrivacyPolicyModal;\n","import NewCompany from './NewCompany';\n\nexport default NewCompany;\n","import React, { Component } from 'react';\nimport Modal from 'react-modal';\nimport { connect } from 'react-redux';\nimport { Route, Switch } from 'react-router-dom';\nimport { pdfjs } from 'react-pdf';\n\nimport * as Sentry from '@sentry/browser';\n\nimport { Button, NoticeToast } from '../components/common';\nimport Footer from '../components/Footer';\nimport Loading from '../components/LoadingComponent';\nimport { getDocuments } from '../redux/modules/Document/operations';\nimport {\n getTransaction,\n getTransactionDocuments,\n} from '../redux/modules/Transaction/operations';\nimport { operations as userOps } from '../redux/modules/User';\nimport { fetchAccountRooms } from '../redux/modules/Data/operations';\nimport Basic from '../routes/Basic';\nimport Dashboard from '../routes/Dashboard';\nimport { userIsAuthenticated } from '../utils/Auth';\nimport OutsideForm from '../views/OutsideForm/OutsideFormContainer';\nimport Room from '../views/Room';\nimport Workbench from '../views/Workbench';\nimport { getStoredCompanyId } from '../redux/modules/User/utils';\nimport {\n getAccessToken,\n getAuthAccount,\n getAuthUser,\n IsAccountAuthenticated,\n} from '../redux/modules/User/selectors';\nimport handlePath from '../utils/handlePath';\nimport VerifyCode from '../views/VerifyCode';\nimport VerifyByLink from '../views/VerifyByLink';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { setNotice } from '../redux/modules/UI/actions';\nimport RoomInvite from '../views/RoomInvite';\nimport TermsOfServiceModal from '../components/TermsOfServiceModal';\nimport PrivacyPolicyModal from '../components/PrivacyPolicyModal';\n// import PlansModal from '../components/PlansModal';\nimport NewCompany from '../views/NewCompany';\nimport Loadable from 'react-loadable';\nimport { fetchBrandMeta } from '../redux/modules/UI/operations';\n\nconst AuthWorkbench = userIsAuthenticated(Workbench);\n\nconst AsyncSubscriptionsModal = Loadable({\n loader: () => import('../components/PlansModal'),\n loading: Loading,\n});\n\nconst unauthedRoutes = [\n 'forgot-password',\n 'login',\n 'register',\n 'reset-password',\n 'plans',\n 'remote-login',\n];\nconst joinedUnauthedRoutes = unauthedRoutes.join('|');\n\nclass App extends Component {\n constructor(props) {\n super(props);\n this.state = {\n signoutTime: 1000 * 60 * 180,\n isVerifyHiding: localStorage.getItem('hide_verify'),\n };\n this.ws = null;\n pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.min.js`;\n }\n componentDidMount() {\n const {\n history: { replace },\n location,\n validateSession,\n fetchBrandMeta,\n } = this.props;\n const { pathname, search = '', hash } = location;\n const { REACT_APP_SENTRY_LABEL: sentryEnvLabel } = process.env;\n\n // const query = new URLSearchParams(search);\n Sentry.init({\n dsn: 'https://a758a3c1d9f24a828108d5187553a1c1@sentry.io/1801413',\n environment: sentryEnvLabel,\n });\n const storedCompanyId = getStoredCompanyId();\n const redirectLoc = localStorage.getItem('redirectLoc');\n const redirectHash = localStorage.getItem('redirectHash');\n\n fetchBrandMeta();\n\n if (!pathname || pathname === '/' || pathname === '/home') {\n if (storedCompanyId && storedCompanyId !== '0') {\n replace(handlePath('/home', storedCompanyId));\n } else if (redirectLoc) {\n localStorage.removeItem('redirectLoc');\n localStorage.removeItem('redirectHash');\n if (redirectLoc.includes('data-room')) {\n replace(redirectLoc + (redirectHash || ''));\n } else {\n replace({\n pathname: '/login',\n search: redirectLoc + (redirectHash || ''),\n });\n }\n } else {\n replace({ pathname: '/login', search, hash });\n }\n } else if (pathname.includes('/c/') && pathname.split('/')[2] === 'undefined') {\n let updatedPathname = pathname.split('/');\n updatedPathname[2] = '0';\n updatedPathname = updatedPathname.join('/');\n replace({\n pathname: '/c/0/company-select',\n search: `?redirect=${updatedPathname}${search}`,\n hash,\n });\n } else if (\n !pathname.includes('/c/') &&\n !joinedUnauthedRoutes.includes(pathname.split('/')[1]) &&\n !pathname.includes('/outside-form') &&\n !pathname.includes('/invites') &&\n !pathname.includes('/data-room') &&\n !pathname.includes('/verify') &&\n !pathname.includes('/terms') &&\n !pathname.includes('/privacy')\n ) {\n if (!storedCompanyId || storedCompanyId !== '0') {\n replace({\n pathname: '/c/0/company-select',\n search: `?redirect=/c/0${pathname}${search}`,\n hash,\n });\n } else {\n replace({\n pathname: '/login',\n search: `?redirect=/c/0${pathname}${search}`,\n hash,\n });\n }\n }\n validateSession();\n\n Modal.setAppElement('#root');\n /** ** Auth Refresh ** */\n this.events = ['load', 'mousemove', 'mousedown', 'click', 'scroll', 'keypress'];\n this.logoutTimeout = null;\n this.warnTimeout = null;\n }\n\n componentDidUpdate(prevProps) {\n const {\n accountInfo,\n getAccountRooms,\n idToken,\n isAccountAuthenticated,\n location: { pathname },\n } = this.props;\n // Will scroll to the top of the page after every route change.\n if (pathname !== prevProps.location.pathname) {\n window.scrollTo(0, 0);\n }\n if (\n prevProps.isAccountAuthenticated !== isAccountAuthenticated &&\n isAccountAuthenticated\n ) {\n const { REACT_APP_PROXY_URL: proxyUrl } = process.env;\n this.ws = new WebSocket(\n proxyUrl.replace(/^http/, 'ws') + '/api/ws?access_token=' + idToken,\n );\n this.ws.addEventListener('message', ev => {\n const data = JSON.parse(ev.data);\n console.info('Websocket response', data);\n if (data.event === 'console') {\n console.info(data.message);\n }\n if (data.event === 'alert') {\n window.alert(data.message);\n }\n if (data.event === 'toast') {\n setNotice({ type: data.type, message: data.message });\n }\n if (data.event === 'refresh_documents') {\n this.handleRefreshDocument(data.message);\n }\n if (data.event === 'refresh_timeline') {\n this.handleRefreshTimeline(data.message);\n }\n });\n this.ws.addEventListener('error', error => {\n console.info('Websocket error response', error);\n });\n /** ** Auth Refresh ** */\n for (var i in this.events) {\n window.addEventListener(this.events[i], this.resetTimeout);\n }\n this.setTimeout();\n }\n if (\n prevProps.location.pathname.includes('data-room') &&\n !pathname.includes('data-room') &&\n isAccountAuthenticated &&\n accountInfo.accountId\n ) {\n getAccountRooms(accountInfo.accountId);\n }\n }\n\n handleRefreshDocument = data => {\n const {\n getDocuments,\n getTransactionDocuments,\n location: { pathname },\n } = this.props;\n if (\n ((pathname.includes('task-view') || pathname.includes('overview')) &&\n pathname.includes(data.transaction_id)) ||\n pathname.includes('home')\n ) {\n setTimeout(() => {\n getTransactionDocuments(data.transaction_id);\n getTransaction(data.transaction_id);\n }, 3500);\n } else if (pathname.includes('home')) {\n setTimeout(() => getDocuments(), 3500);\n }\n };\n\n handleRefreshTimeline = data => {\n const {\n getTransaction,\n location: { pathname },\n } = this.props;\n if (\n (pathname.includes('task-view') || pathname.includes('overview')) &&\n pathname.includes(data.transaction_id)\n ) {\n getTransaction(data.transaction_id);\n }\n };\n\n /** ** Auth Refresh ** */\n clearTimeoutFunc = () => {\n if (this.logoutTimeout) clearTimeout(this.logoutTimeout);\n };\n\n /** ** Auth Refresh ** */\n setTimeout = () => {\n this.warnTimeout = setTimeout(this.warn, this.state.warningTime);\n this.logoutTimeout = setTimeout(this.logout, this.state.signoutTime);\n };\n\n /** ** Auth Refresh ** */\n resetTimeout = () => {\n this.clearTimeoutFunc();\n this.setTimeout();\n };\n\n logout = () => {\n // Send a logout request to the API\n window.alert(\n 'You have been logged out due to inactivity. Please login again. Any progress will have been saved and accessed through Task Progress.',\n );\n console.info('Sending a logout request to the API...');\n this.props.logout();\n };\n\n render() {\n const {\n location,\n user: { isAuthenticated, email_verified },\n } = this.props;\n const { search, pathname, state } = location;\n const { redirectPathname } = state || {};\n const { isVerifyHiding } = this.state;\n\n const isTeamView =\n ['/company-select', '/teams', '/dashboard'].findIndex(e => pathname.includes(e)) !==\n -1;\n\n const background = location.state && location.state.background;\n\n return (\n \n {/*
*/}\n {isAuthenticated &&\n !isVerifyHiding &&\n !email_verified &&\n ![\n ...unauthedRoutes,\n 'verify-code',\n 'verify',\n 'data-room',\n 'outside-form',\n ].includes(pathname.split('/')[1]) && (\n
\n
\n For safety and security purposes, please\n \n verify your account\n \n \n {\n localStorage.setItem('hide_verify', true);\n this.setState({ isVerifyHiding: true });\n }}\n >\n \n )}\n {search.includes('redirect') && (\n
\n
\n {isTeamView\n ? 'Before continuing, please select a company.'\n : 'Before continuing, please login or register below.'}\n \n \n )}\n {!!redirectPathname && (\n
\n
\n {redirectPathname.includes('remote-login')\n ? 'To remotely login please first log in as a Savvi Admin user.'\n : 'You will be directed back to the Deal Room once you login or register.'}\n \n \n )}\n
\n \n \n \n {\n localStorage.setItem('hide_verify', true);\n this.setState({ isVerifyHiding: true });\n }}\n />\n \n \n {\n localStorage.setItem('hide_verify', true);\n this.setState({ isVerifyHiding: true });\n }}\n />\n \n \n
\n
\n
\n
\n
\n
\n
\n \n \n \n \n \n \n \n );\n};\n\nRoot.propTypes = {\n store: PropTypes.object.isRequired,\n};\nexport default Root;\n","// In production, we register a service worker to serve assets from local cache.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\n// cached resources are updated in the background.\n\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\n// This link also includes instructions on opting out of this behavior.\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/,\n ),\n);\n\nexport default function register() {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Lets check if a service worker still exists or not.\n checkValidServiceWorker(swUrl);\n } else {\n // Is not local host. Just register service worker\n registerValidSW(swUrl);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the old content will have been purged and\n // the fresh content will have been added to the cache.\n // It's the perfect time to display a \"New content is\n // available; please refresh.\" message in your web app.\n console.info('New content is available, please refresh.');\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.info('Content is cached for offline use.');\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl)\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n if (\n response.status === 404 ||\n response.headers.get('content-type').indexOf('javascript') === -1\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl);\n }\n })\n .catch(() => {\n console.info('No internet connection found. App is running in offline mode.');\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n","// import { loadState } from './redux/utils/localStorage';\nimport './utils/fontawesome';\n\n// import '@babel/polyfill';\nimport React from 'react';\nimport { render } from 'react-dom';\n\nimport Root from './containers/Root';\nimport configureStore, { history } from './redux/store/configureStore';\nimport { unregister } from './registerServiceWorker';\n\nimport './assets/styles/base.scss';\n/** TODO: Adjust components to not use WorkbenchForm.scss so we don't have do this */\nimport './views/WorkbenchForm/WorkbenchForm.scss';\n\nunregister();\n\n// const persistedState = loadState();\nconst store = configureStore();\n\nrender( {\n if (isDefaultPrevented) {\n onClose(e);\n }\n }}\n >\n {children}\n \n \n );\n};\n\nDropdown.propTypes = {\n children: PropTypes.node,\n className: PropTypes.string,\n onClose: PropTypes.func,\n isDefaultPrevented: PropTypes.bool,\n};\n\nexport const DropdownAction = ({ children, className, left, upward, Toggle, size }) => {\n const [isShowing, setIsShowing] = useState(false);\n\n useEffect(() => {\n const handleClose = () => {\n setIsShowing(false);\n };\n if (isShowing) {\n window.addEventListener('click', handleClose);\n }\n return () => window.removeEventListener('click', handleClose);\n }, [isShowing, setIsShowing]);\n\n return (\n \n
{\n e.preventDefault();\n setIsShowing(!isShowing);\n }}\n />\n {isShowing && (\n {\n e.preventDefault();\n setIsShowing(false);\n }}\n >\n {children}\n \n \n ),\n};\n\nexport default Dropdown;\n","export function generateBem(bemPrefix) {\n const bem = elementName => {\n const apply = e =>\n `${bemPrefix}${(!!e && e[0] === '-' && e) || (!!e && '__' + e) || ''}`;\n let className = [];\n if (Array.isArray(elementName)) {\n for (let i of elementName) {\n if (typeof i === 'string') {\n className.push(apply(i));\n }\n }\n return className.join(' ');\n }\n return apply(elementName);\n };\n return bem;\n}\n","import get from 'lodash-es/get';\n\nexport default (status, isDataRoom) =>\n get(isDataRoom ? dataRoomStatusDict : statusDict, `${status}`, 'N/A');\n\nexport const statusDict = {\n 'document.upload': 'Uploaded',\n 'document.draft': 'Under Savvi Review',\n 'document.sent': 'Sent',\n 'document.viewed': 'Viewed',\n 'document.waiting_approval': 'Waiting Approval',\n 'document.rejected': 'Rejected',\n 'document.approved': 'Approved',\n 'document.waiting_pay': 'Waiting Payment',\n 'document.paid': 'Paid',\n 'document.completed': 'Completed',\n 'document.voided': 'Voided',\n 'document.declined': 'Declined',\n 'document.deleted': 'Deleted',\n};\n\nexport const dataRoomStatusDict = {\n 'document.upload': 'Uploaded',\n 'document.draft': 'Under Savvi Review',\n 'document.sent': 'Awaiting Signature',\n 'document.viewed': 'Awaiting Signature',\n 'document.waiting_approval': 'Waiting Approval',\n 'document.rejected': 'Rejected',\n 'document.approved': 'Approved',\n 'document.waiting_pay': 'Waiting Payment',\n 'document.paid': 'Paid',\n 'document.completed': 'Completed',\n 'document.voided': 'Voided',\n 'document.declined': 'Declined',\n 'document.deleted': 'Deleted',\n};\n","import { RSAA } from 'redux-api-middleware';\n\n// import filter from 'lodash-es/filter';\nimport get from 'lodash-es/get';\n\nimport { requestHeaders } from '../../utils/api';\nimport * as actions from './actions';\nimport { setNotice } from '../UI/actions';\nimport * as Types from './types';\nimport { getOutsideForm, getTransactionQuestionnaire } from '../Transaction/operations';\nimport { generateErrorNotice } from '../../../utils/generateErrorNotice';\n\nexport const getAllDocuments = accountId => {\n const REQUEST = Types[`GET_ALL_DOCUMENTS_REQUEST`];\n const SUCCESS = Types[`GET_ALL_DOCUMENTS_SUCCESS`];\n const FAILED = Types[`GET_ALL_DOCUMENTS_FAILED`];\n return async (dispatch, getState) => {\n dispatch(actions.clearDocumentError());\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: '/api/account/document_history',\n method: 'GET',\n headers: requestHeaders(true, accountId),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n await dispatch(actions.setAllDocuments(actionResponse.payload));\n return await actionResponse.payload;\n } else {\n if (actionResponse.payload.status !== 401) {\n await dispatch(\n setNotice(\n generateErrorNotice(\n actionResponse.payload,\n 'An error has occurred loading your documents. If the documents are still not loading correctly after refreshing the page, please contact us.',\n ),\n ),\n );\n }\n throw await get(actionResponse, 'payload.message', 'An error has occurred.');\n }\n };\n};\n\nexport const getUserDocuments = () => {\n const REQUEST = Types[`GET_USER_DOCUMENTS_REQUEST`];\n const SUCCESS = Types[`GET_USER_DOCUMENTS_SUCCESS`];\n const FAILED = Types[`GET_USER_DOCUMENTS_FAILED`];\n return async (dispatch, getState) => {\n dispatch(actions.clearDocumentError());\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: '/api/user/document',\n method: 'GET',\n headers: requestHeaders(true, 'user'),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n await dispatch(actions.setUserDocuments(actionResponse.payload));\n return await actionResponse.payload;\n } else {\n if (actionResponse.payload.status !== 401) {\n await dispatch(\n setNotice({\n type: 'error',\n message: get(\n actionResponse,\n 'payload.message',\n 'An error has occurred loading your documents. Go ahead and refresh your page. If the documents are still not loading correctly, please contact us.',\n ),\n }),\n );\n }\n throw await get(actionResponse, 'payload.message', 'An error has occured.');\n }\n };\n};\n\nexport const getDocuments = taskId => {\n let url = '/api/account/pandadoc/documents';\n if (taskId) {\n url = url + `?task_id=${taskId}`;\n }\n const REQUEST = Types[`GET_DOCUMENTS_REQUEST`];\n const SUCCESS = Types[`GET_DOCUMENTS_SUCCESS`];\n const FAILED = Types[`GET_DOCUMENTS_FAILED`];\n return async (dispatch, getState) => {\n dispatch(actions.clearDocumentError());\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: url,\n method: 'GET',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n await dispatch(actions.setDocuments(actionResponse.payload, taskId));\n return await actionResponse.payload;\n } else {\n console.warn('Get documents error response', actionResponse.payload.message);\n await dispatch(\n actions.setDocumentError(\n get(\n actionResponse,\n 'payload.message',\n 'An error has occurred loading your documents. Go ahead and refresh your page. If the documents are still not loading correctly, please contact us.',\n ),\n ),\n );\n throw await get(actionResponse, 'payload.message', 'An error has occurred');\n }\n };\n};\n\nexport const deleteDocumentUpload = (boxFileId, transactionId, accessCode) => {\n const REQUEST = Types[`DELETE_DOCUMENT_UPLOAD_REQUEST`];\n const SUCCESS = Types[`DELETE_DOCUMENT_UPLOAD_SUCCESS`];\n const FAILED = Types[`DELETE_DOCUMENT_UPLOAD_FAILED`];\n return async (dispatch, getState) => {\n dispatch(actions.clearDocumentError());\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/box/file/${boxFileId}`,\n method: 'DELETE',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n dispatch(setNotice({ type: 'warning', message: 'Upload removed.' }));\n if (transactionId) {\n return await dispatch(getTransactionQuestionnaire(transactionId));\n } else if (accessCode) {\n return await dispatch(getOutsideForm(accessCode));\n }\n } else {\n await dispatch(\n setNotice({\n type: 'error',\n message: get(actionResponse, 'payload.message', 'Error removing upload.'),\n }),\n );\n await dispatch(\n actions.setDocumentError(\n get(\n actionResponse,\n 'error',\n 'An error has occurred loading your documents. Go ahead and refresh your page. If the documents are still not loading correctly, please contact us.',\n ),\n ),\n );\n throw await get(actionResponse, 'payload.message', 'An error has occurred');\n }\n };\n};\n\nexport const resendLinkEmail = (docId, email) => {\n const REQUEST = Types[`RESEND_LINK_EMAIL_REQUEST`];\n const SUCCESS = Types[`RESEND_LINK_EMAIL_SUCCESS`];\n const FAILED = Types[`RESEND_LINK_EMAIL_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/pandadoc/documents/${docId}/resend`,\n method: 'POST',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n body: JSON.stringify({ email }),\n },\n });\n if (!actionResponse.error) {\n dispatch(setNotice('Link Sent'));\n } else {\n dispatch(setNotice({ type: 'error', message: 'Error resending email link.' }));\n }\n };\n};\n\nexport const getProjectDocuments = projectId => {\n const REQUEST = Types[`GET_PROJECT_DOCUMENTS_REQUEST`];\n const SUCCESS = Types[`GET_PROJECT_DOCUMENTS_SUCCESS`];\n const FAILED = Types[`GET_PROJECT_DOCUMENTS_FAILED`];\n return async (dispatch, getState) => {\n await dispatch(actions.clearDocumentError());\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/project/${projectId}/documents`,\n method: 'GET',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n return await dispatch(\n actions.setDocumentsByProject(actionResponse.payload, projectId),\n );\n // return actionResponse.payload;\n } else {\n await dispatch(\n actions.setDocumentError(\n get(\n actionResponse,\n 'error',\n 'An error has occurred loading your documents. Go ahead and refresh your page. If the documents are still not loading correctly, please contact us.',\n ),\n ),\n );\n throw await get(actionResponse, 'payload.message', 'An error has occurred');\n }\n };\n};\n\nexport const getTransactionDocuments = transactionId => {\n const REQUEST = Types[`GET_TRANSACTION_DOCUMENTS_REQUEST`];\n const SUCCESS = Types[`GET_TRANSACTION_DOCUMENTS_SUCCESS`];\n const FAILED = Types[`GET_TRANSACTION_DOCUMENTS_FAILED`];\n return async (dispatch, getState) => {\n await dispatch(actions.clearDocumentError());\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/transaction/${transactionId}/documents`,\n method: 'GET',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n return await dispatch(\n actions.setDocumentsByTransaction(actionResponse.payload, transactionId),\n );\n // return actionResponse.payload;\n } else {\n await dispatch(\n actions.setDocumentError(\n get(\n actionResponse,\n 'error',\n 'An error has occurred loading your documents. Go ahead and refresh your page. If the documents are still not loading correctly, please contact us.',\n ),\n ),\n );\n throw await get(actionResponse, 'payload.message', 'An error has occurred');\n }\n };\n};\n\nexport const uploadDocument = (id, body, transactionId) => {\n const REQUEST = Types[`UPLOAD_DOCUMENT_REQUEST`];\n const SUCCESS = Types[`UPLOAD_DOCUMENT_SUCCESS`];\n const FAILED = Types[`UPLOAD_DOCUMENT_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/box/file/${id}`,\n method: 'POST',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n body: () => JSON.stringify(body),\n },\n });\n if (!actionResponse.error) {\n dispatch(setNotice(get(actionResponse, 'payload.message', 'Document Uploaded')));\n return await actionResponse.payload;\n } else {\n dispatch(setNotice({ type: 'error', message: actionResponse.payload.message }));\n throw actionResponse.payload.message;\n }\n };\n};\n\nexport const setDocumentReviewer = (pandaDocId, body, transactionId) => {\n const REQUEST = Types[`SET_DOCUMENT_REVIEWER_REQUEST`];\n const SUCCESS = Types[`SET_DOCUMENT_REVIEWER_SUCCESS`];\n const FAILED = Types[`SET_DOCUMENT_REVIEWER_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/pandadoc/documents/${pandaDocId}/reviewer`,\n method: 'POST',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n body: () => JSON.stringify(body),\n },\n });\n if (!actionResponse.error) {\n dispatch(\n setNotice(get(actionResponse, 'payload.message', 'Document Reviewer Set')),\n );\n return await dispatch(getTransactionDocuments(transactionId));\n } else {\n dispatch(setNotice({ type: 'error', message: actionResponse.payload.message }));\n throw actionResponse.payload.message;\n }\n };\n};\n\nexport const setDocumentRedliningVersion = (\n document_id,\n revision_uuid,\n transactionId,\n) => {\n const REQUEST = Types[`POST_REDLINING_VERSION_REQUEST`];\n const SUCCESS = Types[`POST_REDLINING_VERSION_SUCCESS`];\n const FAILED = Types[`POST_REDLINING_VERSION_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/pandadoc/documents/${document_id}/finalize/${revision_uuid}`,\n method: 'POST',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n return await dispatch(getTransactionDocuments(transactionId));\n } else {\n dispatch(setNotice({ type: 'error', message: actionResponse.payload.message }));\n throw actionResponse.payload.message;\n }\n };\n};\n","import { get } from 'lodash-es';\nimport { createSelector, defaultMemoize } from 'reselect';\n\nimport WorkflowLearnMoreLinks from '../../../utils/WorkflowLearnMoreLinks';\n\nexport const IsFetching = defaultMemoize(state => get(state, 'Todos.isFetching', false));\n\nexport const AssigneeOptions = defaultMemoize((state, accountId, projectTemplateId) =>\n get(state, `Todos.assigneeOptions[${accountId}|${projectTemplateId}`, []),\n);\n\nexport const FormattedAssigneeOptions = createSelector(AssigneeOptions, options =>\n options.map(e => ({\n ...e,\n label: e.name,\n value:\n (e.partner_id && e.user_id && `${e.user_id} | ${e.partner_id}`) ||\n e.partner_id ||\n e.user_id,\n })),\n);\n\nexport const Todos = defaultMemoize((state, isTeam) =>\n isTeam ? get(state, 'Todos.teamTodos', []) : get(state, 'Todos.accountTodos', []),\n);\n\nexport const RecommendedTodos = defaultMemoize((state, isTeam) =>\n isTeam\n ? get(state, 'Todos.teamReminders', [])\n : get(state, 'Todos.accountReminders', []),\n);\n\nexport const TodosForHome = createSelector(Todos, todos =>\n todos.reduce((dict, e) => {\n let isLearnMoreShowing = false;\n let learnMoreUrl = '';\n if (e.type_id === 1) {\n e.type = 'Recommended Workflow';\n }\n for (const values of Object.entries(WorkflowLearnMoreLinks)) {\n if (values[0] + '' === e.project_template_id + '') {\n isLearnMoreShowing = true;\n learnMoreUrl = values[1];\n }\n }\n e = {\n ...e,\n isLearnMoreShowing,\n learnMoreUrl,\n };\n dict.push(e);\n return dict;\n }, []),\n);\n\nexport const RecommendedTodosForHome = createSelector(RecommendedTodos, todos =>\n todos.reduce((dict, e) => {\n if (e.type_id === 1) {\n let isLearnMoreShowing = false;\n let learnMoreUrl = '';\n for (const values of Object.entries(WorkflowLearnMoreLinks)) {\n if (values[0] + '' === e.id + '') {\n isLearnMoreShowing = true;\n learnMoreUrl = values[1];\n }\n }\n e = {\n ...e,\n project: {\n ...e.project,\n isLearnMoreShowing,\n learnMoreUrl,\n },\n };\n dict.push(e);\n }\n return dict;\n }, []),\n);\n","import * as Types from './types';\n\nexport function setCompaniesById(payload) {\n return {\n type: Types['SET_COMPANIES'],\n payload,\n };\n}\n\nexport function setCompanyTokenRefreshing(isRefreshing) {\n return {\n type: Types['SET_COMPANY_TOKEN_REFRESHING'],\n isRefreshing,\n };\n}\n\nexport function setCompanyDataTables(payload) {\n return {\n type: Types['SET_COMPANY_DATA_TABLES'],\n payload,\n };\n}\n","import { get } from 'lodash-es';\nimport { combineReducers } from 'redux';\n\nimport {\n apiErrorsReducer,\n createReducer,\n fetchingReducer,\n getValidationErrors,\n} from '../../utils';\nimport {\n CLEAR_ERRORS,\n EMAIL_CONFIRM_FAILED,\n EMAIL_CONFIRM_REQUEST,\n LOGIN_FAILED,\n LOGIN_REQUEST,\n LOGOUT,\n REGISTER_FAILED,\n REGISTER_REQUEST,\n SEND_PW_RESET_FAILED,\n SET_CHECKPOINTS,\n SET_INIT_LOADING,\n SET_NOTIFICATIONS,\n SET_PARTNER_BY_CODE,\n SET_PARTNER_CODE,\n SET_USER,\n SET_ACCOUNT,\n TOKEN_FAILED,\n} from './types';\n\nimport { InitUser } from './utils';\n\nconst isFetching = fetchingReducer('user');\n\nconst UserReducer = createReducer(InitUser)({\n [SET_USER]: (state, { payload }) => ({\n ...state,\n ...payload,\n }),\n [LOGOUT]: () => ({\n ...InitUser,\n }),\n});\n\nconst AccountReducer = createReducer(InitUser)({\n [SET_ACCOUNT]: (state, { payload }) => ({\n ...state,\n ...payload,\n }),\n [LOGOUT]: () => ({\n ...InitUser,\n }),\n [SET_PARTNER_BY_CODE]: (state, { payload, code }) => ({\n ...state,\n byCode: {\n ...state.byCodes,\n [code]: { ...payload },\n },\n }),\n [SET_PARTNER_CODE]: (state, { code }) => ({\n ...state,\n code,\n }),\n});\n\nconst partnersReducer = createReducer({})({\n [SET_PARTNER_BY_CODE]: (state, { payload, code }) => ({\n ...state,\n byCode: {\n ...state.byCodes,\n [code]: { ...payload },\n },\n }),\n [SET_PARTNER_CODE]: (state, { code }) => ({\n ...state,\n code,\n }),\n});\n\nconst errorsReducer = createReducer({})({\n [CLEAR_ERRORS]: () => ({}),\n [EMAIL_CONFIRM_REQUEST]: () => ({}),\n [REGISTER_REQUEST]: () => ({}),\n [LOGIN_REQUEST]: () => ({}),\n [LOGIN_FAILED]: (state, { payload }) => {\n const { code, message, errors } = payload;\n if (code === 'INVALID_CREDENTIALS') {\n return {\n form: 'Password is incorrect',\n };\n } else if (!!errors) {\n return errors;\n } else if (!!message) {\n return {\n form: message,\n };\n } else {\n return { form: 'There was an error while logging you in.' };\n }\n },\n [EMAIL_CONFIRM_FAILED]: (state, { payload }) => {\n const { message, errors } = payload;\n if (!!errors) {\n return errors;\n } else if (message) {\n return {\n token: message,\n };\n } else {\n return { token: 'There was an error while verifying your code.' };\n }\n },\n [REGISTER_FAILED]: (state, { payload }) => {\n const { code, message, errors } = payload;\n if (code === 'EMAIL_ALREADY_EXISTS') {\n return { form: message };\n } else if (errors) {\n return getValidationErrors(errors);\n } else if (message) {\n return { form: message };\n } else {\n return { form: 'There was an error while creating your account.' };\n }\n },\n [TOKEN_FAILED]: (state, { payload }) => ({\n form: get(\n payload,\n 'message',\n 'Your Session has expired or failed to validate, please login again.',\n ),\n }),\n [SEND_PW_RESET_FAILED]: (state, { payload }) => ({ form: payload.message }),\n});\n\nconst checkpointsReducer = createReducer([])({\n [SET_CHECKPOINTS]: (state, { payload }) => payload,\n});\n\nconst isInitLoadingReducer = createReducer(true)({\n [SET_INIT_LOADING]: (state, { isLoading }) => isLoading,\n});\n\nconst socketsReducer = createReducer([])({\n [SET_NOTIFICATIONS]: (state, { payload: notifications }) => ({\n ...state,\n notifications,\n }),\n});\n\nexport default combineReducers({\n checkpoints: checkpointsReducer,\n sockets: socketsReducer,\n isInitLoading: isInitLoadingReducer,\n isFetching,\n user: UserReducer,\n account: AccountReducer,\n partners: partnersReducer,\n errors: errorsReducer,\n apiErrors: apiErrorsReducer('user'),\n});\n","import { isObject } from 'lodash-es';\n\nconst handlePathWithUrl = (path, url) =>\n isObject(path)\n ? {\n ...path,\n pathname: `${url}` + path.pathname,\n }\n : `${url}` + path;\n\nconst handlePathWithCompanyId = (path, companyId) =>\n isObject(path)\n ? {\n ...path,\n pathname: `/c/${companyId || '0'}` + path.pathname,\n }\n : `/c/${companyId || '0'}` + path;\n\nexport default (path, companyId, url) =>\n url ? handlePathWithUrl(path, url) : handlePathWithCompanyId(path, companyId);\n\nexport const handleExternalUrlWithCompanyId = (path, companyId) => {\n let updatedPath = path;\n if (updatedPath.includes('/c/0')) {\n updatedPath = updatedPath.replace('/c/0', `/c/${companyId}`);\n } else if (!path.includes('/c/') && !path.includes('http')) {\n updatedPath = `/c/${companyId}${path}`;\n }\n if (!path.includes('http')) {\n let brandMeta = JSON.parse(localStorage.getItem('brandMeta')) || {};\n if (\n !brandMeta.web_base_url ||\n brandMeta.web_base_url === 'https://app.example.com' ||\n window.location.href.includes('localhost')\n ) {\n brandMeta.web_base_url = process.env.REACT_APP_BASEURL;\n }\n updatedPath = brandMeta.web_base_url + updatedPath;\n }\n return updatedPath;\n};\n\nexport const handleRoute = (path, routePath) => routePath + path;\n","import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport React from 'react';\n\nimport SavviLoading from '../SavviLoading';\nimport './PageLoader.scss';\n\nconst PageLoader = ({ showLongLoadingText, customText }) => {\n return (\n \n {/*
\n \n )}\n {customText && {customText} }\n \n );\n};\n\nexport default PageLoader;\n","import { get } from 'lodash-es';\nimport { createSelector, defaultMemoize } from 'reselect';\nimport PandaDocStatusDict from '../../../utils/PandaDocStatusDict';\n\nexport const isFetchingWithHooks = defaultMemoize(state =>\n get(state, 'Document.isFetching', false),\n);\n\nexport const DocumentError = defaultMemoize(state =>\n get(state, 'Document.documentError', ''),\n);\n\nexport const UserDocuments = defaultMemoize(state => {\n const documents = get(state, `Document.userDocuments.byArr`, []);\n let filteredDocuments = [];\n\n documents.forEach(doc => {\n const viewableStates = [\n 'document.sent',\n 'document.viewed',\n 'document.completed',\n 'document.waiting_approval',\n 'document.waiting_pay',\n 'document.upload',\n 'document.draft',\n ];\n const isDocNotDeletedOrDeclined =\n doc.status !== 'document.deleted' && doc.status !== 'document.declined';\n const isDocStateViewableOrUploaded =\n viewableStates.includes(doc.status) || doc.box_file_id;\n if (isDocNotDeletedOrDeclined && isDocStateViewableOrUploaded) {\n filteredDocuments.push(doc);\n }\n });\n return filteredDocuments;\n});\n\nexport const getDocumentsArrWithHooks = defaultMemoize(state =>\n get(state, `Document.documents.byArr`, []),\n);\n\nexport const getAllDocumentsArrWithHooks = defaultMemoize(state =>\n get(state, `Document.allDocuments.byArr`, []),\n);\n\nexport const getAllDocumentsForSelect = defaultMemoize(state => {\n const documents = get(state, `Document.allDocuments.byArr`, []);\n return documents\n .filter(\n e =>\n e.status !== 'document.deleted' &&\n ((e.box_file_id && !e.status) ||\n !['N/A', 'Voided', 'Deleted'].includes(PandaDocStatusDict(e.status))),\n )\n .map(e => ({\n ...e,\n label: e.filename,\n value: e.id,\n stateText:\n (e.revision_count > 0 && 'Awaiting Approval') ||\n (e.box_file_id && !e.status && 'Uploaded') ||\n PandaDocStatusDict(e.status),\n }));\n});\n\nexport const DocumentsByProject = defaultMemoize((state, projectId) =>\n get(state, `Document.documents.byProject[${projectId}]`, []),\n);\n\nexport const useAllDocuments = createSelector(getAllDocumentsArrWithHooks, documents =>\n documents.reduce((dict, e, ind) => {\n let viewableStates = [\n 'document.sent',\n 'document.viewed',\n 'document.completed',\n 'document.waiting_approval',\n 'document.waiting_pay',\n 'document.upload',\n 'document.draft',\n ];\n\n const isDocNotDeleted = e.status !== 'document.deleted';\n const isDocStateViewableOrUploaded =\n viewableStates.includes(e.status) || e.box_file_id;\n if (isDocNotDeleted && isDocStateViewableOrUploaded) {\n dict.push(e);\n }\n return dict;\n }, []),\n);\n\nexport const useDocumentsNeedSigning = createSelector(useAllDocuments, documents =>\n documents.reduce((dict, e, ind) => {\n let included_states = [\n 'document.completed',\n 'document.waiting_approval',\n 'document.waiting_pay',\n 'document.upload',\n 'document.draft',\n ];\n\n if (\n e.recipients.length > 0 &&\n !e.box_file_id &&\n !included_states.includes(e.status)\n ) {\n dict.push(e);\n }\n return dict;\n }, []),\n);\n\nexport const useDocumentsNeedRevision = createSelector(useAllDocuments, documents =>\n documents.reduce((dict, e, ind) => {\n if (e.revision_count > 0 && !e.box_file_id) {\n dict.push(e);\n }\n return dict;\n }, []),\n);\n\nexport const useDocumentsCompleted = createSelector(useAllDocuments, documents =>\n documents.reduce((dict, e, ind) => {\n if (e.box_file_id) {\n dict.push(e);\n }\n return dict;\n }, []),\n);\n\nexport const getActionableDocuments = createSelector(\n getAllDocumentsArrWithHooks,\n // getDocumentsArrWithHooks,\n documents =>\n documents.reduce((dict, e, ind) => {\n let included_states = [\n 'document.sent',\n 'document.viewed',\n 'document.waiting_approval',\n 'document.waiting_pay',\n ];\n\n if (!included_states.includes(e.status) || !e.account_task_id) {\n return dict;\n }\n dict.push(e);\n return dict;\n }, []),\n);\n","const cleanHash = hash => hash.replace(/(%20| |#)/g, '');\n\nconst explode = cleanedHash => {\n return cleanedHash\n .split(',')\n .filter(String)\n .map(v => cleanHash(v));\n};\n\nexport const noHash = hash => cleanHash(hash).length === 0;\n\nexport const hashContains = (hash, check) => {\n if (!hash || !check) {\n return false;\n }\n const parts = explode(cleanHash(hash));\n\n return parts.indexOf(cleanHash(check)) !== -1;\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Modal from 'react-modal';\n\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport classnames from 'classnames';\n\nimport { Button } from '../common';\n\n// import Button from '../common/Button';\nimport './AlertModal.scss';\n\n// import { Link } from 'react-router-dom';\n\nModal.setAppElement('#root');\n\nconst AlertModal = ({\n body,\n children,\n customContentStyles,\n customOverStyles,\n header,\n isOpen,\n isFetching,\n isSecondary,\n isWarning,\n isExclamationShowing,\n onClose,\n onPrimaryClick,\n primaryActionText,\n secondaryActionText,\n}) => {\n const customStyles = {\n overlay: {\n zIndex: 9,\n backgroundColor: 'rgba(0,0,0,.66)',\n position: 'fixed',\n height: '100vh',\n width: '100vw',\n display: 'flex',\n overflowY: 'auto',\n paddingTop: 20,\n WebkitOverflowScrolling: 'touch',\n ...customOverStyles,\n },\n content: {\n position: 'static',\n maxWidth: '450px',\n minHeight: '175px',\n margin: 'auto',\n padding: 0,\n border: 'none',\n borderRadius: 16,\n boxShadow: '3px 3px 3px 3px #33373859',\n display: 'flex',\n flexDirection: 'column',\n ...customContentStyles,\n },\n };\n\n return (\n {\n document.body.classList.remove('ReactModal__Body--open');\n }}\n style={customStyles}\n >\n \n
\n
\n {isExclamationShowing && (\n \n {children}\n {body &&
{body}
}\n
\n {/* \n {primaryActionText}\n */}\n \n {primaryActionText}\n \n
\n
\n {label && (\n \n {label}:{!!isRequired && * }\n {questionHelp && \n )}\n {links.map((e, index) => (\n {\n setLinks([...links, { label: '', url: '' }]);\n }}\n >\n + Add Share Link\n \n
\n );\n};\n\nexport const ShareLink = ({\n accountId,\n error,\n index,\n isDisabled,\n isRequired,\n link,\n name,\n handleSetLink,\n questionLabel,\n}) => {\n const dispatch = useDispatch();\n const { label, url } = link;\n\n const boxToken = useSelector(BoxToken);\n const isFetching = useSelector(IsFetching);\n const currentCompany = useSelector(CurrentCompany);\n\n const boxRootFolderId = get(currentCompany, 'account.box_root_folder_id', '0');\n\n const [input, setInput] = useState(link);\n const [isActionsShowing, setIsActionsShowing] = useState(false);\n const [isExplorerShowing, setIsExplorerShowing] = useState(false);\n const [selectedFolder, setSelectedFolder] = useState({});\n\n return (\n \n
\n
handleSetLink(input, index)}\n onChange={e => setInput({ ...input, label: e.target.value })}\n sublabel=\"e.g. Go to Site\"\n value={input.label}\n />\n handleSetLink(input, index)}\n onChange={e => setInput({ ...input, url: e.target.value })}\n sublabel=\"e.g. https://www.somesite.com\"\n value={input.url}\n />\n \n setIsActionsShowing(!isActionsShowing)}\n >\n {\n e.stopPropagation();\n setIsActionsShowing(false);\n }}\n >\n {\n setIsExplorerShowing(!isExplorerShowing);\n }}\n >\n Share Document Folder\n \n {\n handleSetLink(null, index);\n }}\n >\n Remove Link\n \n \n )}\n
\n {\n setIsExplorerShowing(false);\n }}\n overlayClassName=\"share-links__modalOverlay\"\n >\n {\n setIsExplorerShowing(false);\n }}\n icon={['fal', 'times']}\n />\n {questionLabel} \n Select a folder that you want to get a link for. \n {boxToken && (\n setIsExplorerShowing(false)}\n onNavigate={e => setSelectedFolder(e)}\n onSelect={(e, f, g) => {\n if (e[0].type === 'file') {\n return false;\n }\n setSelectedFolder(e[0]);\n }}\n token={boxToken}\n />\n )}\n \n Selected Folder: {selectedFolder.name || 'None Selected'} \n
\n \n setIsExplorerShowing(false)}>\n Cancel\n \n {\n dispatch(fetchBoxLinkById(selectedFolder.id, accountId)).then(e => {\n handleSetLink(\n {\n label: selectedFolder.name,\n url: get(e, 'url', ''),\n },\n index,\n );\n setSelectedFolder({});\n setInput({ label: selectedFolder.name, url: e.url });\n setIsExplorerShowing(false);\n });\n }}\n >\n Add Folder Link\n \n
\n \n \n
{\n e.preventDefault();\n setIsOpen(!isOpen);\n }}\n >\n {labelText || pdfLabel}\n \n ) : (\n {pdfLabel} \n );\n\n const defaultBoxToken = boxAccessToken || boxToken || companyBoxToken;\n const shouldBoxPreviewShow = !!boxFileId && !!defaultBoxToken;\n const pdfLabel = customLabel || 'File Preview';\n const isLinkDisabled =\n !isLinkOnHover || !boxFileId || (isDataRoom && isDocumentTemplate);\n const shouldShowReactPdfThumbnail =\n isDocumentTemplate && !isPlaceholderShowing && !isDataRoom && !!boxFileId;\n let thumbnailType = 'pdfPlaceholder';\n if (shouldShowReactPdfThumbnail) {\n thumbnailType = 'reactPdf';\n } else if (isPlaceholderShowing && !isDocumentTemplate) {\n thumbnailType = 'filesSvg';\n } else if (!isPlaceholderShowing && !isDocumentTemplate) {\n thumbnailType = shouldBoxPreviewShow ? 'boxPreview' : 'filesSvg';\n }\n\n // Modal hide/show logic.\n // const isDataRoomBoxPreviewVisible =\n // !!isDataRoom && boxAccessToken && !error && !isDocumentTemplate;\n const isBoxPreviewVisible = !!defaultBoxToken && !error && !isDocumentTemplate;\n const isReactPdfPreviewVisible = !error && isDocumentTemplate;\n\n return (\n <>\n {\n if (!isLinkDisabled) {\n e.preventDefault();\n setIsOpen(!isOpen);\n setError(false);\n }\n }}\n >\n {labelPosition === 'above' && \n {!error && (\n <>\n {thumbnailType === 'boxPreview' && (\n
\n )}\n {thumbnailType === 'reactPdf' && (\n
\n )}\n {thumbnailType === 'pdfPlaceholder' && (\n
\n )}\n {thumbnailType === 'filesSvg' && (\n
\n )}\n \n )}\n {!!error &&
}\n
(\n {\n e.preventDefault();\n }}\n >\n {children}\n \n )}\n isOpen={isOpen}\n onRequestClose={handleModalClose}\n overlayClassName={bem('modalOverlay')}\n >\n ({pdfLabel}) \n {/* {isDataRoomBoxPreviewVisible && (\n \n \n )}\n \n )}\n \n );\n};\n\nconst ReactPDFBem = generateBem('ReactPDF');\n\nexport const ReactPDFViewer = ({\n boxFileId,\n height = 740,\n isThumbnail,\n previewLink,\n // setError,\n showControls,\n}) => {\n const [numPages, setNumPages] = useState('loading');\n const [pageNumber, setPageNumber] = useState(1);\n const [error, setError] = useState(false);\n const brandMeta = useSelector(BrandMeta);\n\n const onDocumentLoadSuccess = ({ numPages, ...rest }) => {\n setNumPages(numPages);\n setError('');\n };\n const handleLoadError = error => {\n console.error(error.message);\n setError(\n isThumbnail\n ? 'Unable to preview at this time.'\n : 'Unable to preview template at this time. If error persists on refresh, please contact your account admin or support.',\n );\n };\n\n const filePath = useMemo(\n () => ({\n url: `${brandMeta.web_base_url}/api/account/box/file/${boxFileId}`,\n httpHeaders: requestHeaders(true),\n }),\n [boxFileId, brandMeta.web_base_url],\n );\n return (\n \n
\n Loading PDF.... \n \n Loading Page.... \n \n }\n onLoadError={handleLoadError}\n onRenderError={handleLoadError}\n pageNumber={pageNumber}\n height={height}\n />\n {showControls && (\n \n {numPages > 1 && (\n setPageNumber(pageNumber - 1)}\n aria-label=\"Previous page\"\n >\n \n {pageNumber} of {numPages}\n \n {\n const win = window.open(previewLink, '_blank');\n win.focus();\n }}\n >\n = numPages}\n onClick={e => setPageNumber(pageNumber + 1)}\n aria-label=\"Next page\"\n >\n
\n )}\n {!!error && {error} }\n \n \n );\n};\n","import toUpper from 'lodash-es/toUpper';\n\nimport * as Types from './types';\n\n/**\n * General action that handles updating a specific data model.\n * Can be used to get Module, Task, Subtask, or Deliverable\n *\n * @param {('module'|'task'|'subtask'|'deliverable')} modelName\n * :: used to match a Type to the action. (single)\n * @return {object} Action object with 'type' property.\n */\nexport function setModelByKey(payload, key) {\n return {\n type: Types[`SET_${toUpper(key)}`],\n payload,\n };\n}\n\n/**\n * General action that handles setting multiple of a specific data model.\n * Can be used to set Module, Task, Subtask, or Deliverable\n *\n * @param {('module'|'task'|'subtask'|'deliverable')} modelName\n * :: used to match a Type to the action. (single)\n * @return {object} Action object with 'type' property.\n */\nexport function setModelsByKey(payload, key) {\n return {\n type: Types[`SET_${toUpper(key)}S`],\n payload,\n };\n}\n\nexport function setModelsBySlug(payload, key) {\n return {\n type: Types[`SET_${toUpper(key)}S`],\n payload,\n };\n}\n\n/**\n * General action that handles updating a specific data model.\n * Can be used to get Module, Task, Subtask, or Deliverable\n *\n * @param {('module'|'task'|'subtask'|'deliverable')} modelName\n * :: used to match a Type to the action. (single)\n * @return {object} Action object with 'type' property.\n */\nexport function updateModelByKey(payload, key) {\n return {\n type: Types[`UPDATE_${toUpper(key)}`],\n payload,\n };\n}\n\nexport function setResourcesByTypeId(payload, resourceTypeId) {\n return {\n type: Types[`SET_RESOURCES_BY_TYPE_ID`],\n payload,\n resourceTypeId,\n };\n}\n\nexport function setResourceById(payload, resourceTypeId) {\n return {\n type: Types[`SET_RESOURCE_BY_ID`],\n payload,\n resourceTypeId,\n };\n}\n\nexport function clearErrors(payload, key) {\n return {\n type: Types['CLEAR_ERRORS'],\n };\n}\n\nexport function setFeatures(payload, slug) {\n return {\n type: Types['SET_FEATURES'],\n payload,\n slug,\n };\n}\n\nexport function patchFeature(payload, individualName, featureName) {\n return {\n type: Types['PATCH_FEATURE'],\n payload,\n featureName,\n individualName,\n };\n}\n\nexport function setFeature(payload, individualName, featureName) {\n return {\n type: Types['SET_FEATURE'],\n payload,\n individualName,\n featureName,\n };\n}\n\nexport function setAccountInfo(payload) {\n return {\n type: Types['SET_ACCOUNT_INFO'],\n payload,\n };\n}\n\nexport function removeIndividual(resourceId) {\n return {\n type: Types['REMOVE_INDIVIDUAL'],\n resourceId,\n };\n}\n","import {\n ADD_SAVVI_PARTNER_GROUP_MEMBER,\n REMOVE_SAVVI_PARTNER_GROUP_MEMBER,\n SET_COUNSELS,\n SET_EMAILS,\n SET_FEATURE_CHANGES,\n SET_SAVVI_PARTNERS,\n SET_SAVVI_PARTNER_GROUP,\n SET_TEAMS,\n UPDATE,\n UPDATE_SAVVI_PARTNER_GROUP_MEMBER,\n} from './types';\n\nexport const updateSettings = settings => ({\n type: UPDATE,\n payload: settings,\n});\nexport const setCounsels = payload => ({\n type: SET_COUNSELS,\n payload,\n});\nexport const setSavviPartners = payload => ({\n type: SET_SAVVI_PARTNERS,\n payload,\n});\nexport const setSavviPartnerGroup = payload => ({\n type: SET_SAVVI_PARTNER_GROUP,\n payload,\n});\nexport const setTeams = payload => ({\n type: SET_TEAMS,\n payload,\n});\nexport const addPartnerGroupMember = (payload, groupId) => ({\n type: ADD_SAVVI_PARTNER_GROUP_MEMBER,\n payload,\n groupId,\n});\nexport const updatePartnerGroupMember = (payload, groupId) => ({\n type: UPDATE_SAVVI_PARTNER_GROUP_MEMBER,\n payload,\n groupId,\n});\nexport const removePartnerGroupMember = (groupId, individualId) => ({\n type: REMOVE_SAVVI_PARTNER_GROUP_MEMBER,\n groupId,\n individualId,\n});\n\nexport const setEmails = emails => {\n return {\n type: SET_EMAILS,\n payload: emails,\n };\n};\n\nexport const setFeatureChanges = featureChanges => {\n return {\n type: SET_FEATURE_CHANGES,\n payload: featureChanges,\n };\n};\n","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport Modal from 'react-modal';\nimport { useDispatch, useSelector } from 'react-redux';\n\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { Field, Form, Formik } from 'formik';\n\nimport {\n FormattedAssigneeOptions,\n IsFetching,\n} from '../../redux/modules/Todos/selectors';\nimport { validateDate } from '../../utils/FeatureTypes';\nimport { Button } from '../common';\nimport { Select, Textarea, TextField } from '../formik';\nimport {\n assignTaskTodo,\n getAssigneeOptions,\n updateTodo,\n} from '../../redux/modules/Todos/operations';\n\nimport './AssignTodo.scss';\nimport dayjs from 'dayjs';\nimport customParseFormat from 'dayjs/esm/plugin/customParseFormat';\n\ndayjs.extend(customParseFormat);\n\nconst customStyles = {\n overlay: {\n zIndex: 9,\n backgroundColor: 'rgba(0,0,0,.66)',\n position: 'fixed',\n height: '100vh',\n width: '100vw',\n display: 'flex',\n overflowY: 'auto',\n paddingTop: 20,\n WebkitOverflowScrolling: 'touch',\n },\n content: {\n position: 'static',\n maxWidth: '450px',\n minHeight: '250px',\n margin: 'auto',\n padding: 0,\n border: 'none',\n boxShadow: '3px 3px 3px 3px #33373859',\n display: 'flex',\n flexDirection: 'column',\n minWidth: 420,\n },\n};\n\nexport const priorityOptions = [\n { label: '--', value: 0, color: '#0d2238' },\n { label: 'Low', value: 1, color: '#86dbc1' },\n { label: 'Medium', value: 2, color: '#c2b946' },\n { label: 'High', value: 3, color: '#db6949' },\n];\n\nconst selectStyles = {\n option: (styles, { data, isSelected }) => ({\n ...styles,\n backgroundColor: (isSelected && data.color) || null,\n color: (isSelected && 'white') || data.color,\n cursor: 'pointer',\n ':hover': {\n ...styles['hover'],\n backgroundColor: data.color,\n color: 'white',\n },\n }),\n input: (styles, { data }) => ({\n ...styles,\n color: data.color,\n }),\n singleValue: (styles, { data }) => ({\n ...styles,\n color: data.color,\n }),\n};\n\nexport const AssignTodo = ({\n handleDeleteTodo,\n isActionDisabled,\n isInline,\n isModalOpen,\n isMyDashboard,\n isNew,\n todoMeta,\n toggleModal,\n}) => {\n const { account_id, id, initTodoVals, project_template_id } = todoMeta;\n const dispatch = useDispatch();\n\n const isFetching = useSelector(IsFetching);\n const assigneeOptions = useSelector(state =>\n FormattedAssigneeOptions(state, account_id, project_template_id),\n );\n\n const [initialized, setInitialized] = useState(false);\n\n useEffect(() => {\n if (!isFetching && isModalOpen && assigneeOptions.length === 0 && !initialized) {\n setInitialized(true);\n dispatch(getAssigneeOptions(account_id, project_template_id, isMyDashboard));\n }\n if (!isModalOpen && initialized) {\n setInitialized(false);\n }\n }, [\n assigneeOptions,\n account_id,\n dispatch,\n id,\n initialized,\n isFetching,\n isMyDashboard,\n project_template_id,\n isModalOpen,\n ]);\n\n return (\n <>\n {isInline && (\n \n \n e.stopPropagation()}>\n
\n
\n {`${isNew ? 'Assign' : 'Update'} To-do`}\n {!isNew && project_template_id !== 88 && (\n \n handleDeleteTodo(id, false, account_id).then(e => toggleModal(e))\n }\n >\n \n
{\n const submitFunc = isNew ? assignTaskTodo : updateTodo;\n if (deadline) {\n deadline = dayjs(deadline + 'T21:00:00.000Z', 'MM/DD/YYYY').format();\n } else {\n deadline = null;\n }\n dispatch(\n submitFunc(\n id,\n {\n deadline,\n user_id: selectedAssignee && selectedAssignee.user_id,\n partner_id: selectedAssignee && selectedAssignee.partner_id,\n label: label,\n base_level: selectedPriority.value,\n },\n isMyDashboard,\n account_id,\n true,\n ),\n ).then(toggleModal, toggleModal);\n }}\n validateOnChange={false}\n >\n {formikProps => (\n \n )}\n \n \n )}\n \n );\n};\n\nexport const MultiAssignTodos = ({\n account_id,\n handleDeleteTodos,\n isActionDisabled,\n isModalOpen,\n isMyDashboard,\n handleUpdateTodos,\n toggleModal,\n}) => {\n const dispatch = useDispatch();\n\n const isFetching = useSelector(IsFetching);\n const [initialized, setInitialized] = useState(false);\n const assigneeOptions = useSelector(state =>\n FormattedAssigneeOptions(state, account_id, 'all'),\n );\n\n useEffect(() => {\n if (isModalOpen && assigneeOptions.length === 0 && initialized) {\n setInitialized(true);\n dispatch(getAssigneeOptions(account_id, 'all', isMyDashboard));\n }\n if (!isModalOpen && !initialized) {\n setInitialized(false);\n }\n }, [assigneeOptions, account_id, dispatch, initialized, isModalOpen, isMyDashboard]);\n\n return (\n <>\n \n \n \n
\n
\n Update Todos\n handleDeleteTodos()}\n >\n \n
\n {formikProps => (\n \n )}\n \n \n )}\n \n );\n};\n\nAssignTodo.propTypes = {\n account_id: PropTypes.number,\n handleDeleteTodo: PropTypes.func,\n id: PropTypes.number,\n initTodoVals: PropTypes.shape({\n deadline: PropTypes.string,\n label: PropTypes.string,\n selectedAssignee: PropTypes.object,\n selectedPriority: PropTypes.shape({\n label: PropTypes.string,\n value: PropTypes.number,\n color: PropTypes.string,\n }),\n }),\n isModalOpen: PropTypes.bool,\n isMyDashboard: PropTypes.bool,\n isNew: PropTypes.bool,\n project_template_id: PropTypes.number,\n toggleModal: PropTypes.func,\n};\n","import { RSAA } from 'redux-api-middleware';\n\nimport { requestHeaders } from '../../utils/api';\nimport { setNotice } from '../UI/actions';\nimport { setEmailVerification } from '../User/utils';\nimport {\n setCounsels,\n setEmails,\n setFeatureChanges,\n setSavviPartners,\n setTeams,\n updateSettings,\n} from './actions';\nimport * as types from './types';\n\nconst getSettings = () => {\n const { GET_REQUEST, GET_SUCCESS, GET_FAILED } = types;\n return async (dispatch, getState) => {\n const actionResponse = await Promise.resolve(\n dispatch({\n [RSAA]: {\n endpoint: '/api/user/settings/profile',\n method: 'GET',\n headers: requestHeaders(true, 'user'),\n types: [GET_REQUEST, GET_SUCCESS, GET_FAILED],\n },\n }),\n );\n if (!actionResponse.error) {\n return dispatch(updateSettings(actionResponse.payload));\n } else {\n throw await new Error(actionResponse.payload?.message);\n }\n };\n};\n\nconst saveSettings = data => {\n const { SAVE_REQUEST, SAVE_FAILED, SAVE_SUCCESS } = types;\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: '/api/user/settings/profile',\n method: 'PUT',\n headers: requestHeaders(true, 'user'),\n types: [SAVE_REQUEST, SAVE_SUCCESS, SAVE_FAILED],\n body: JSON.stringify(data),\n },\n });\n if (!actionResponse.error) {\n dispatch(updateSettings(actionResponse.payload));\n dispatch(setNotice('profile updated'));\n }\n dispatch(setNotice({ type: 'warning', message: actionResponse.payload?.message }));\n throw await new Error(actionResponse.payload?.message);\n };\n};\n\nconst changePassword = passwords => {\n const { PASSWORD_REQUEST, PASSWORD_FAILED, PASSWORD_SUCCESS } = types;\n return async (dispatch, getState) => {\n const body = JSON.stringify(passwords);\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: '/api/user/settings/password',\n method: 'PUT',\n headers: requestHeaders(true, 'user'),\n types: [PASSWORD_REQUEST, PASSWORD_SUCCESS, PASSWORD_FAILED],\n body,\n },\n });\n if (!actionResponse.error) {\n dispatch(setNotice('Your password has been successfully changed.'));\n return await actionResponse.payload;\n } else {\n throw await actionResponse.payload;\n }\n };\n};\n\nconst getFeatureChanges = () => {\n const {\n GET_FEATURE_CHANGES_REQUEST: REQUEST,\n GET_FEATURE_CHANGES_FAILED: FAILED,\n GET_FEATURE_CHANGES_SUCCESS: SUCCESS,\n } = types;\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: '/api/user/settings/profile/feature_change',\n method: 'GET',\n headers: requestHeaders(true, 'user'),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n dispatch(setFeatureChanges(actionResponse.payload.feature_changes));\n }\n };\n};\n\nconst setFeatureChangesDate = () => {\n const {\n SET_FEATURE_CHANGES_DATE_REQUEST: REQUEST,\n SET_FEATURE_CHANGES_DATE_FAILED: FAILED,\n SET_FEATURE_CHANGES_DATE_SUCCESS: SUCCESS,\n } = types;\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: '/api/user/settings/profile/feature_change',\n method: 'POST',\n headers: requestHeaders(true, 'user'),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n dispatch(getSettings());\n dispatch(getFeatureChanges());\n return await actionResponse;\n }\n };\n};\n\n//Update Email Ops\n\nconst fetchEmailsToVerify = () => {\n const {\n GET_EMAILS_REQUEST: REQUEST,\n GET_EMAILS_FAILED: FAILED,\n GET_EMAILS_SUCCESS: SUCCESS,\n } = types;\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: '/api/user/settings/profile/email',\n method: 'GET',\n headers: requestHeaders(true, 'user'),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n dispatch(setEmails(actionResponse.payload));\n }\n };\n};\n\nconst sendUpdatedEmailCode = email => {\n const {\n SEND_EMAIL_CODE_REQUEST: REQUEST,\n SEND_EMAIL_CODE_FAILED: FAILED,\n SEND_EMAIL_CODE_SUCCESS: SUCCESS,\n } = types;\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: '/api/user/settings/profile/email',\n method: 'PATCH',\n headers: requestHeaders(true, 'user'),\n types: [REQUEST, SUCCESS, FAILED],\n body: JSON.stringify({ email }),\n },\n });\n if (!actionResponse.error) {\n dispatch(setNotice('Updated Email Verification Code Sent'));\n return await setEmailVerification('email-change-code', actionResponse.payload)[\n 'email-change-code'\n ];\n } else {\n dispatch(setNotice({ type: 'error', message: actionResponse.payload.message }));\n throw new Error(actionResponse.payload.message);\n }\n };\n};\n\nconst deleteVerificationRequest = email => {\n const {\n DELETE_EMAIL_VERIFICATION_REQUEST: REQUEST,\n DELETE_EMAIL_VERIFICATION_FAILED: FAILED,\n DELETE_EMAIL_VERIFICATION_SUCCESS: SUCCESS,\n } = types;\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: '/api/user/settings/profile/email',\n method: 'DELETE',\n headers: requestHeaders(true, 'user'),\n types: [REQUEST, SUCCESS, FAILED],\n body: JSON.stringify({ email }),\n },\n });\n if (!actionResponse.error) {\n dispatch(setNotice('Email Verification Deleted'));\n dispatch(fetchEmailsToVerify());\n } else {\n dispatch(setNotice({ type: 'error', message: actionResponse.payload.message }));\n }\n };\n};\n\nconst verifyUpdatedEmail = (email, code) => {\n const {\n VERIFY_UPDATED_EMAIL_REQUEST: REQUEST,\n VERIFY_UPDATED_EMAIL_FAILED: FAILED,\n VERIFY_UPDATED_EMAIL_SUCCESS: SUCCESS,\n } = types;\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/user/settings/profile/email/${code}`,\n method: 'PATCH',\n headers: requestHeaders(true, 'user'),\n types: [REQUEST, SUCCESS, FAILED],\n body: JSON.stringify({ email }),\n },\n });\n if (!actionResponse.error) {\n dispatch(setNotice('Email Updated'));\n } else {\n dispatch(setNotice({ type: 'error', message: actionResponse.payload.message }));\n }\n };\n};\n\nconst getCounsels = () => {\n const {\n GET_COUNSELS_REQUEST: REQUEST,\n GET_COUNSELS_FAILED: FAILED,\n GET_COUNSELS_SUCCESS: SUCCESS,\n } = types;\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: '/api/account/counsel',\n method: 'GET',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n return await dispatch(setCounsels(actionResponse.payload));\n } else {\n dispatch(setNotice({ type: 'error', message: actionResponse.payload.message }));\n }\n };\n};\n\nconst getSavviPartners = () => {\n const {\n GET_SAVVI_PARTNERS_REQUEST: REQUEST,\n GET_SAVVI_PARTNERS_FAILED: FAILED,\n GET_SAVVI_PARTNERS_SUCCESS: SUCCESS,\n } = types;\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: '/api/account/partner',\n method: 'GET',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n return await dispatch(setSavviPartners(actionResponse.payload));\n } else {\n dispatch(setNotice({ type: 'error', message: actionResponse.payload.message }));\n }\n };\n};\n\nconst addSavviPartnerGroupMember = (id, body) => {\n const {\n ADD_SAVVI_PARTNER_GROUP_MEMBER_REQUEST: REQUEST,\n ADD_SAVVI_PARTNER_GROUP_MEMBER_FAILED: FAILED,\n ADD_SAVVI_PARTNER_GROUP_MEMBER_SUCCESS: SUCCESS,\n } = types;\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/user/partner/add_member/${id}`,\n method: 'POST',\n headers: requestHeaders(true, 'user'),\n types: [REQUEST, SUCCESS, FAILED],\n body: JSON.stringify(body),\n },\n });\n if (!actionResponse.error) {\n dispatch(setNotice({ message: actionResponse.payload.message }));\n return await dispatch(getTeams());\n } else {\n dispatch(setNotice({ type: 'error', message: actionResponse.payload.message }));\n return await actionResponse;\n }\n };\n};\n\nconst editSavviPartnerGroupMember = (partner_id, user_id, role_id) => {\n const {\n EDIT_SAVVI_PARTNER_GROUP_MEMBER_REQUEST: REQUEST,\n EDIT_SAVVI_PARTNER_GROUP_MEMBER_FAILED: FAILED,\n EDIT_SAVVI_PARTNER_GROUP_MEMBER_SUCCESS: SUCCESS,\n } = types;\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/user/partner/${partner_id}/${user_id}`,\n method: 'PUT',\n headers: requestHeaders(true, 'user'),\n types: [REQUEST, SUCCESS, FAILED],\n body: JSON.stringify({ role_id }),\n },\n });\n if (!actionResponse.error) {\n dispatch(setNotice({ message: actionResponse.payload.message }));\n return await dispatch(getTeams());\n } else {\n dispatch(setNotice({ type: 'error', message: actionResponse.payload.message }));\n }\n };\n};\n\nconst removeSavviPartnerGroupMember = (groupId, user_id) => {\n const {\n REMOVE_SAVVI_PARTNER_GROUP_MEMBER_REQUEST: REQUEST,\n REMOVE_SAVVI_PARTNER_GROUP_MEMBER_FAILED: FAILED,\n REMOVE_SAVVI_PARTNER_GROUP_MEMBER_SUCCESS: SUCCESS,\n } = types;\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/user/partner/${groupId}/${user_id}`,\n method: 'DELETE',\n headers: requestHeaders(true, 'user'),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n dispatch(\n setNotice({ type: 'warning', message: 'Member removed from partner group.' }),\n );\n return await dispatch(getTeams());\n } else {\n dispatch(setNotice({ type: 'error', message: actionResponse.payload.message }));\n }\n };\n};\n\nexport const getTeams = (queryStr = '?members=1&packages=1&accounts=1') => {\n const {\n GET_TEAMS_REQUEST: REQUEST,\n GET_TEAMS_FAILED: FAILED,\n GET_TEAMS_SUCCESS: SUCCESS,\n } = types;\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/user/team${queryStr}`,\n method: 'GET',\n headers: requestHeaders(true, 'user'),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n return await dispatch(setTeams(actionResponse.payload));\n } else {\n dispatch(setNotice({ type: 'error', message: actionResponse.payload.message }));\n }\n };\n};\n\nexport const removeTeamAccount = (partnerId, groupId) => {\n const {\n REMOVE_TEAM_ACCOUNT_REQUEST: REQUEST,\n REMOVE_TEAM_ACCOUNT_FAILED: FAILED,\n REMOVE_TEAM_ACCOUNT_SUCCESS: SUCCESS,\n } = types;\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/user/partner/remove_account/${partnerId}/${groupId}`,\n method: 'DELETE',\n headers: requestHeaders(true, 'user'),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n dispatch(setNotice({ type: 'warning', message: actionResponse.payload.message }));\n return await dispatch(getTeams());\n } else {\n dispatch(setNotice({ type: 'error', message: actionResponse.payload.message }));\n }\n };\n};\n\nconst getCalendlyMeta = () => {\n const {\n GET_CALENDLY_REQUEST: REQUEST,\n GET_CALENDLY_FAILED: FAILED,\n GET_CALENDLY_SUCCESS: SUCCESS,\n } = types;\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: '/api/calendly',\n method: 'GET',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n return actionResponse.payload;\n }\n };\n};\n\nexport {\n getCalendlyMeta,\n getCounsels,\n getFeatureChanges,\n addSavviPartnerGroupMember,\n editSavviPartnerGroupMember,\n removeSavviPartnerGroupMember,\n getSavviPartners,\n getSettings,\n saveSettings,\n setFeatureChangesDate,\n changePassword,\n //Update Email Ops\n fetchEmailsToVerify,\n sendUpdatedEmailCode,\n deleteVerificationRequest,\n verifyUpdatedEmail,\n};\n","import React, { isValidElement, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { InputFeedback, InputHelp, InputSublabel } from '../../inputs';\nimport { FA, Tooltip } from '..';\n\nimport './InputStyledCheckbox.scss';\n\nconst InputStyledCheckbox = ({\n error,\n defaultPlaceholder,\n indeterminate,\n isDisabled,\n isInputHelpUpward,\n inputClassName,\n inputHelpAlign,\n isFetching,\n isFixed,\n isRequired,\n label,\n labelStyle,\n name,\n parentStyle,\n sublabel,\n tooltip,\n type,\n questionHelp,\n ...inputProps\n}) => {\n const checkboxClassname = `\n styled-checkbox\n ${!!error && 'styled-checkbox--has-error'}\n ${parentStyle}\n ${(isDisabled || isFixed) && 'disabled'}\n `;\n\n const inputClassnames = `\n styled-checkbox__input\n styled-checkbox--${type}\n ${!!error && 'styled-checkbox--has-error__input'}\n ${inputClassName}\n `;\n\n const labelClassname = `\n ${labelStyle}\n styled-checkbox__label\n ${isDisabled && 'disabled'}\n `;\n // ${type === 'switch' && 'styled-checkbox--switch__label'}\n\n const checkboxRef = useRef(null);\n\n useEffect(() => {\n if (indeterminate && type === 'checkbox') {\n checkboxRef.current.indeterminate = true;\n } else if (!indeterminate && type === 'checkbox') {\n checkboxRef.current.indeterminate = false;\n }\n }, [indeterminate, type]);\n\n return (\n \n
\n (this.selector = el)}\n id={name}\n name={name}\n disabled={isFixed || isDisabled || isFetching}\n {...inputProps}\n />\n {isValidElement(label) && label}\n {!isValidElement(label) && label && (\n \n {label}\n {!!isRequired && * }\n \n )}\n {questionHelp && (\n
\n
{sublabel} \n
\n {tooltip &&
}\n
\n//
ReactJS checkbox component \n// \n (\n \n Sort by:{' '}\n {label} \n \n )}\n >\n {Object.values(sortOptions)\n .sort((a, b) => (a.slug === slug ? 1 : 0))\n .map(option => {\n const optionIconRoot =\n slug === option.slug && !isSortReversed ? 'arrow-up' : 'arrow-down';\n const optionSortIcon =\n (option.slug === 'none' && 'sort') ||\n `${optionIconRoot}-${option.iconType}`;\n const optionClass = `sort-dropdown__option ${\n option.slug === slug ? 'sort-dropdown__option--active' : ''\n }`;\n\n return (\n onSelect(option)}\n >\n
\n );\n};\n\nSortDropdown.propTypes = {\n onSelect: PropTypes.func,\n sortSlug: PropTypes.string,\n sortIsDesc: PropTypes.bool,\n sortOptions: PropTypes.object,\n};\n\nexport default SortDropdown;\n","import SortDropdown from './SortDropdown';\n\nexport default SortDropdown;\n","export default __webpack_public_path__ + \"static/media/savvi_logo.35b46257.svg\";","// Submit Form Actions\nexport const SUBMIT_FORM_REQUEST = 'savvi/transaction/SUBMIT_FORM_REQUEST';\nexport const SUBMIT_FORM_SUCCESS = 'savvi/transaction/SUBMIT_FORM_SUCCESS';\nexport const SUBMIT_FORM_FAILED = 'savvi/transaction/SUBMIT_FORM_FAILED';\nexport const CLEAR_ERRORS = 'savvi/transaction/CLEAR_ERRORS';\nexport const SET_ERRORS = 'savvi/transaction/SET_ERRORS';\nexport const SET_FORM_VALUES = 'savvi/transaction/SET_FORM_VALUES';\nexport const SET_TRANSACTION_PREVIEW = 'savvi/transaction/SET_TRANSACTION_PREVIEW';\n\n// export const SET_VALUE = 'savvi/transaction/SET_VALUE';\n// export const REMOVE_VALUE = 'savvi/transaction/REMOVE_VALUE';\n\nexport const SET_QUESTIONNAIRE = 'savvi/transaction/SET_QUESTIONNAIRE';\n\nexport const GET_TRANSACTION_QUESTIONNAIRE_REQUEST =\n 'savvi/transaction/GET_TRANSACTION_QUESTIONNAIRE_REQUEST';\nexport const GET_TRANSACTION_QUESTIONNAIRE_SUCCESS =\n 'savvi/transaction/GET_TRANSACTION_QUESTIONNAIRE_SUCCESS';\nexport const GET_TRANSACTION_QUESTIONNAIRE_FAILED =\n 'savvi/transaction/GET_TRANSACTION_QUESTIONNAIRE_FAILED';\nexport const SET_TRANSACTION_QUESTIONNAIRE =\n 'savvi/transaction/SET_TRANSACTION_QUESTIONNAIRE';\n\nexport const GET_OUTSIDE_FORM_REQUEST = 'savvi/transaction/GET_OUTSIDE_FORM_REQUEST';\nexport const GET_OUTSIDE_FORM_SUCCESS = 'savvi/transaction/GET_OUTSIDE_FORM_SUCCESS';\nexport const GET_OUTSIDE_FORM_FAILED = 'savvi/transaction/GET_OUTSIDE_FORM_FAILED';\n\nexport const CREATE_OUTSIDE_FORM_REQUEST =\n 'savvi/transaction/CREATE_OUTSIDE_FORM_REQUEST';\nexport const CREATE_OUTSIDE_FORM_SUCCESS =\n 'savvi/transaction/CREATE_OUTSIDE_FORM_SUCCESS';\nexport const CREATE_OUTSIDE_FORM_FAILED = 'savvi/transaction/CREATE_OUTSIDE_FORM_FAILED';\nexport const SET_OUTSIDE_FORM = 'savvi/transaction/SET_OUTSIDE_FORM';\n\nexport const GET_TRANSACTION_REQUEST = 'savvi/transaction/GET_TRANSACTION_REQUEST';\nexport const GET_TRANSACTION_SUCCESS = 'savvi/transaction/GET_TRANSACTION_SUCCESS';\nexport const GET_TRANSACTION_FAILED = 'savvi/transaction/GET_TRANSACTION_FAILED';\n\nexport const POST_TRANSACTION_REQUEST = 'savvi/transaction/POST_TRANSACTION_REQUEST';\nexport const POST_TRANSACTION_SUCCESS = 'savvi/transaction/POST_TRANSACTION_SUCCESS';\nexport const POST_TRANSACTION_FAILED = 'savvi/transaction/POST_TRANSACTION_FAILED';\n\nexport const GET_TRANSACTION_PREVIEW_REQUEST =\n 'savvi/transaction/GET_TRANSACTION_PREVIEW_REQUEST';\nexport const GET_TRANSACTION_PREVIEW_SUCCESS =\n 'savvi/transaction/GET_TRANSACTION_PREVIEW_SUCCESS';\nexport const GET_TRANSACTION_PREVIEW_FAILED =\n 'savvi/transaction/GET_TRANSACTION_PREVIEW_FAILED';\n\nexport const GET_TRANSACTION_BY_TEMPLATE_ID_REQUEST =\n 'savvi/transaction/GET_TRANSACTION_BY_TEMPLATE_ID_REQUEST';\nexport const GET_TRANSACTION_BY_TEMPLATE_ID_SUCCESS =\n 'savvi/transaction/GET_TRANSACTION_BY_TEMPLATE_ID_SUCCESS';\nexport const GET_TRANSACTION_BY_TEMPLATE_ID_FAILED =\n 'savvi/transaction/GET_TRANSACTION_BY_TEMPLATE_ID_FAILED';\n\nexport const UPDATE_TRANSACTION_REQUEST = 'savvi/transaction/UPDATE_TRANSACTION_REQUEST';\nexport const UPDATE_TRANSACTION_SUCCESS = 'savvi/transaction/UPDATE_TRANSACTION_SUCCESS';\nexport const UPDATE_TRANSACTION_FAILED = 'savvi/transaction/UPDATE_TRANSACTION_FAILED';\nexport const SET_TRANSACTION = 'savvi/transaction/SET_TRANSACTION';\n\nexport const GET_MY_TEMPLATES_REQUEST = 'savvi/transaction/GET_MY_TEMPLATES_REQUEST';\nexport const GET_MY_TEMPLATES_SUCCESS = 'savvi/transaction/GET_MY_TEMPLATES_SUCCESS';\nexport const GET_MY_TEMPLATES_FAILED = 'savvi/transaction/GET_MY_TEMPLATES_FAILED';\nexport const SET_MY_TEMPLATES = 'savvi/transaction/SET_MY_TEMPLATES';\n\nexport const GET_CUSTOM_DOCUMENT_REQUEST =\n 'savvi/transaction/GET_CUSTOM_DOCUMENT_REQUEST';\nexport const GET_CUSTOM_DOCUMENT_SUCCESS =\n 'savvi/transaction/GET_CUSTOM_DOCUMENT_SUCCESS';\nexport const GET_CUSTOM_DOCUMENT_FAILED = 'savvi/transaction/GET_CUSTOM_DOCUMENT_FAILED';\nexport const UPDATE_CUSTOM_DOCUMENT_REQUEST =\n 'savvi/transaction/UPDATE_CUSTOM_DOCUMENT_REQUEST';\nexport const UPDATE_CUSTOM_DOCUMENT_SUCCESS =\n 'savvi/transaction/UPDATE_CUSTOM_DOCUMENT_SUCCESS';\nexport const UPDATE_CUSTOM_DOCUMENT_FAILED =\n 'savvi/transaction/UPDATE_CUSTOM_DOCUMENT_FAILED';\nexport const CREATE_CUSTOM_DOCUMENT_REQUEST =\n 'savvi/transaction/CREATE_CUSTOM_DOCUMENT_REQUEST';\nexport const CREATE_CUSTOM_DOCUMENT_SUCCESS =\n 'savvi/transaction/CREATE_CUSTOM_DOCUMENT_SUCCESS';\nexport const CREATE_CUSTOM_DOCUMENT_FAILED =\n 'savvi/transaction/CREATE_CUSTOM_DOCUMENT_FAILED';\nexport const ADD_CUSTOM_DOCUMENT = 'savvi/transaction/ADD_CUSTOM_DOCUMENT';\nexport const SET_CUSTOM_DOCUMENT = 'savvi/transaction/SET_CUSTOM_DOCUMENT';\n\nexport const GET_ALL_TRANSACTIONS_REQUEST =\n 'savvi/transaction/GET_ALL_TRANSACTIONS_REQUEST';\nexport const GET_ALL_TRANSACTIONS_SUCCESS =\n 'savvi/transaction/GET_ALL_TRANSACTIONS_SUCCESS';\nexport const GET_ALL_TRANSACTIONS_FAILED =\n 'savvi/transaction/GET_ALL_TRANSACTIONS_FAILED';\nexport const SET_MY_TRANSACTIONS = 'savvi/transaction/SET_MY_TRANSACTIONS';\n\nexport const SET_DOCUMENT_REVIEWER_REQUEST =\n 'savvi/transaction/SET_DOCUMENT_REVIEWER_REQUEST';\nexport const SET_DOCUMENT_REVIEWER_SUCCESS =\n 'savvi/transaction/SET_DOCUMENT_REVIEWER_SUCCESS';\nexport const SET_DOCUMENT_REVIEWER_FAILED =\n 'savvi/transaction/SET_DOCUMENT_REVIEWER_FAILED';\n\nexport const GET_TRANSACTIONS_BY_MODULE_REQUEST =\n 'savvi/transaction/GET_TRANSACTIONS_BY_MODULE_REQUEST';\nexport const GET_TRANSACTIONS_BY_MODULE_SUCCESS =\n 'savvi/transaction/GET_TRANSACTIONS_BY_MODULE_SUCCESS';\nexport const GET_TRANSACTIONS_BY_MODULE_FAILED =\n 'savvi/transaction/GET_TRANSACTIONS_BY_MODULE_FAILED';\nexport const SET_TRANSACTIONS_BY_MODULE = 'savvi/transaction/SET_TRANSACTIONS_BY_MODULE';\n\nexport const POST_REDLINING_VERSION_REQUEST =\n 'savvi/transaction/POST_REDLINING_VERSION_REQUEST';\nexport const POST_REDLINING_VERSION_SUCCESS =\n 'savvi/transaction/POST_REDLINING_VERSION_SUCCESS';\nexport const POST_REDLINING_VERSION_FAILED =\n 'savvi/transaction/POST_REDLINING_VERSION_FAILED';\n\nexport const APPROVE_DOCUMENT_SUGGESTIONS_REQUEST =\n 'savvi/transaction/APPROVE_DOCUMENT_SUGGESTIONS_REQUEST';\nexport const APPROVE_DOCUMENT_SUGGESTIONS_SUCCESS =\n 'savvi/transaction/APPROVE_DOCUMENT_SUGGESTIONS_SUCCESS';\nexport const APPROVE_DOCUMENT_SUGGESTIONS_FAILED =\n 'savvi/transaction/APPROVE_DOCUMENT_SUGGESTIONS_FAILED';\n\nexport const UPDATE_DOCUMENT_SUGGESTIONS_REQUEST =\n 'savvi/transaction/UPDATE_DOCUMENT_SUGGESTIONS_REQUEST';\nexport const UPDATE_DOCUMENT_SUGGESTIONS_SUCCESS =\n 'savvi/transaction/UPDATE_DOCUMENT_SUGGESTIONS_SUCCESS';\nexport const UPDATE_DOCUMENT_SUGGESTIONS_FAILED =\n 'savvi/transaction/UPDATE_DOCUMENT_SUGGESTIONS_FAILED';\n\nexport const GET_DOCUMENTS_REQUEST = 'savvi/transaction/GET_DOCUMENTS_REQUEST';\nexport const GET_DOCUMENTS_SUCCESS = 'savvi/transaction/GET_DOCUMENTS_SUCCESS';\nexport const GET_DOCUMENTS_FAILED = 'savvi/transaction/GET_DOCUMENTS_FAILED';\nexport const SET_DOCUMENTS = 'savvi/transaction/SET_DOCUMENTS';\nexport const SET_DOCUMENT_ERROR = 'savvi/transaction/SET_DOCUMENT_ERROR';\nexport const CLEAR_DOCUMENT_ERROR = 'savvi/transaction/CLEAR_DOCUMENT_ERROR';\n\nexport const DELETE_DOCUMENT_UPLOAD_REQUEST =\n 'savvi/transaction/DELETE_DOCUMENT_UPLOAD_REQUEST';\nexport const DELETE_DOCUMENT_UPLOAD_SUCCESS =\n 'savvi/transaction/DELETE_DOCUMENT_UPLOAD_SUCCESS';\nexport const DELETE_DOCUMENT_UPLOAD_FAILED =\n 'savvi/transaction/DELETE_DOCUMENT_UPLOAD_FAILED';\n\nexport const GET_TRANSACTION_DOCUMENTS_REQUEST =\n 'savvi/transaction/GET_TRANSACTION_DOCUMENTS_REQUEST';\nexport const GET_TRANSACTION_DOCUMENTS_SUCCESS =\n 'savvi/transaction/GET_TRANSACTION_DOCUMENTS_SUCCESS';\nexport const GET_TRANSACTION_DOCUMENTS_FAILED =\n 'savvi/transaction/GET_TRANSACTION_DOCUMENTS_FAILED';\nexport const SET_DOCUMENTS_BY_TRANSACTION =\n 'savvi/transaction/SET_DOCUMENTS_BY_TRANSACTION';\n\nexport const GET_DOCUMENT_RECIPIENT_LINK_REQUEST =\n 'savvi/transaction/GET_DOCUMENT_RECIPIENT_LINK_REQUEST';\nexport const GET_DOCUMENT_RECIPIENT_LINK_SUCCESS =\n 'savvi/transaction/GET_DOCUMENT_RECIPIENT_LINK_SUCCESS';\nexport const GET_DOCUMENT_RECIPIENT_LINK_FAILED =\n 'savvi/transaction/GET_DOCUMENT_RECIPIENT_LINK_FAILED';\nexport const SET_DOCUMENT_RECIPIENTS_LINKS =\n 'savvi/transaction/SET_DOCUMENT_RECIPIENTS_LINKS';\n\nexport const RESEND_LINK_EMAIL_REQUEST = 'savvi/formation/RESEND_LINK_EMAIL_REQUEST';\nexport const RESEND_LINK_EMAIL_FAILED = 'savvi/formation/RESEND_LINK_EMAIL_FAILED';\nexport const RESEND_LINK_EMAIL_SUCCESS = 'savvi/formation/RESEND_LINK_EMAIL_SUCCESS';\n\nexport const GET_RESOURCE_REQUEST = 'savvi/transaction/GET_RESOURCE_REQUEST';\nexport const GET_RESOURCE_SUCCESS = 'savvi/transaction/GET_RESOURCE_SUCCESS';\nexport const GET_RESOURCE_FAILED = 'savvi/transaction/GET_RESOURCE_FAILED';\n\nexport const CREATE_FEATURE_REQUEST = 'savvi/transaction/CREATE_FEATURE_REQUEST';\nexport const CREATE_FEATURE_SUCCESS = 'savvi/transaction/CREATE_FEATURE_SUCCESS';\nexport const CREATE_FEATURE_FAILED = 'savvi/transaction/CREATE_FEATURE_FAILED';\n\nexport const PATCH_FEATURE_REQUEST = 'savvi/transaction/PATCH_FEATURE_REQUEST';\nexport const PATCH_FEATURE_SUCCESS = 'savvi/transaction/PATCH_FEATURE_SUCCESS';\nexport const PATCH_FEATURE_FAILED = 'savvi/transaction/PATCH_FEATURE_FAILED';\n\nexport const SET_RESOURCE_IDS_REQUEST = 'savvi/transaction/SET_RESOURCE_IDS_REQUEST';\nexport const SET_RESOURCE_IDS_SUCCESS = 'savvi/transaction/SET_RESOURCE_IDS_SUCCESS';\nexport const SET_RESOURCE_IDS_FAILED = 'savvi/transaction/SET_RESOURCE_IDS_FAILED';\n\nexport const CREATE_RESOURCE_NAME_REQUEST =\n 'savvi/transaction/CREATE_RESOURCE_NAME_REQUEST';\nexport const CREATE_RESOURCE_NAME_SUCCESS =\n 'savvi/transaction/CREATE_RESOURCE_NAME_SUCCESS';\nexport const CREATE_RESOURCE_NAME_FAILED =\n 'savvi/transaction/CREATE_RESOURCE_NAME_FAILED';\n\nexport const UPDATE_RESOURCE_NAME_REQUEST =\n 'savvi/transaction/UPDATE_RESOURCE_NAME_REQUEST';\nexport const UPDATE_RESOURCE_NAME_SUCCESS =\n 'savvi/transaction/UPDATE_RESOURCE_NAME_SUCCESS';\nexport const UPDATE_RESOURCE_NAME_FAILED =\n 'savvi/transaction/UPDATE_RESOURCE_NAME_FAILED';\n\nexport const FINALIZE_TRANSACTION_REQUEST =\n 'savvi/transaction/FINALIZE_TRANSACTION_REQUEST';\nexport const FINALIZE_TRANSACTION_SUCCESS =\n 'savvi/transaction/FINALIZE_TRANSACTION_SUCCESS';\nexport const FINALIZE_TRANSACTION_FAILED =\n 'savvi/transaction/FINALIZE_TRANSACTION_FAILED';\n\nexport const CREATE_RESOURCE_FEATURE = 'savvi/transaction/CREATE_RESOURCE_FEATURE';\n\nexport const UPDATE_RESOURCE = 'savvi/transaction/UPDATE_RESOURCE';\n\nexport const POST_BATCH_TRANSACTIONS_REQUEST =\n 'savvi/transaction/POST_BATCH_TRANSACTIONS_REQUEST';\nexport const POST_BATCH_TRANSACTIONS_SUCCESS =\n 'savvi/transaction/POST_BATCH_TRANSACTIONS_SUCCESS';\nexport const POST_BATCH_TRANSACTIONS_FAILED =\n 'savvi/transaction/POST_BATCH_TRANSACTIONS_FAILED';\n","export const optionsAbbr = [\n { value: 'AL', label: 'Alabama', disabled: true },\n { value: 'AK', label: 'Alaska' },\n { value: 'AZ', label: 'Arizona' },\n { value: 'AR', label: 'Arkansas' },\n { value: 'CA', label: 'California' },\n { value: 'CO', label: 'Colorado' },\n { value: 'CT', label: 'Connecticut' },\n { value: 'DE', label: 'Delaware' },\n { value: 'DC', label: 'District Of Columbia' },\n { value: 'FL', label: 'Florida' },\n { value: 'GA', label: 'Georgia' },\n // { value: 'GU', label: 'Guam' },\n { value: 'HI', label: 'Hawaii' },\n { value: 'ID', label: 'Idaho' },\n { value: 'IL', label: 'Illinois' },\n { value: 'IN', label: 'Indiana' },\n { value: 'IA', label: 'Iowa' },\n { value: 'KS', label: 'Kansas' },\n { value: 'KY', label: 'Kentucky' },\n { value: 'LA', label: 'Louisiana' },\n { value: 'ME', label: 'Maine' },\n { value: 'MD', label: 'Maryland' },\n { value: 'MA', label: 'Massachusetts' },\n { value: 'MI', label: 'Michigan' },\n { value: 'MN', label: 'Minnesota' },\n { value: 'MS', label: 'Mississippi' },\n { value: 'MO', label: 'Missouri' },\n { value: 'MT', label: 'Montana' },\n { value: 'NE', label: 'Nebraska' },\n { value: 'NV', label: 'Nevada' },\n { value: 'NH', label: 'New Hampshire' },\n { value: 'NJ', label: 'New Jersey' },\n { value: 'NM', label: 'New Mexico' },\n { value: 'NY', label: 'New York' },\n { value: 'NC', label: 'North Carolina' },\n { value: 'ND', label: 'North Dakota' },\n { value: 'OH', label: 'Ohio' },\n { value: 'OK', label: 'Oklahoma' },\n { value: 'OR', label: 'Oregon' },\n // { value: 'PW', label: 'Palau' },\n { value: 'PA', label: 'Pennsylvania' },\n // { value: 'PR', label: 'Puerto Rico' },\n { value: 'RI', label: 'Rhode Island' },\n { value: 'SC', label: 'South Carolina' },\n { value: 'SD', label: 'South Dakota' },\n { value: 'TN', label: 'Tennessee' },\n { value: 'TX', label: 'Texas' },\n { value: 'UT', label: 'Utah' },\n { value: 'VT', label: 'Vermont' },\n { value: 'VI', label: 'Virgin Islands' },\n { value: 'VA', label: 'Virginia' },\n { value: 'WA', label: 'Washington' },\n { value: 'WV', label: 'West Virginia' },\n { value: 'WI', label: 'Wisconsin' },\n { value: 'WY', label: 'Wyoming' },\n];\n\nexport const options = [\n // { value: '', label: 'Please Select a State', disabled: true},\n { value: 'Utah', label: 'Utah', is_state: true },\n { value: 'Alabama', label: 'Alabama', is_state: true },\n { value: 'Alaska', label: 'Alaska', is_state: true },\n { value: 'Arizona', label: 'Arizona', is_state: true },\n { value: 'Arkansas', label: 'Arkansas', is_state: true },\n { value: 'California', label: 'California', is_state: true },\n { value: 'Colorado', label: 'Colorado', is_state: true },\n { value: 'Connecticut', label: 'Connecticut', is_state: true },\n { value: 'Delaware', label: 'Delaware', is_state: true },\n {\n value: 'District Of Columbia',\n label: 'District Of Columbia',\n is_state: true,\n },\n // { value: 'Federated States Of Micronesia', label: 'Federated States Of Micronesia', is_state: true },\n { value: 'Florida', label: 'Florida', is_state: true },\n { value: 'Georgia', label: 'Georgia', is_state: true },\n // { value: 'Guam', label: 'Guam', is_state: true },\n { value: 'Hawaii', label: 'Hawaii', is_state: true },\n { value: 'Idaho', label: 'Idaho', is_state: true },\n { value: 'Illinois', label: 'Illinois', is_state: true },\n { value: 'Indiana', label: 'Indiana', is_state: true },\n { value: 'Iowa', label: 'Iowa', is_state: true },\n { value: 'Kansas', label: 'Kansas', is_state: true },\n { value: 'Kentucky', label: 'Kentucky', is_state: true },\n { value: 'Louisiana', label: 'Louisiana', is_state: true },\n { value: 'Maine', label: 'Maine', is_state: true },\n // { value: 'Marshall Islands', label: 'Marshall Islands', is_state: true },\n { value: 'Maryland', label: 'Maryland', is_state: true },\n { value: 'Massachusetts', label: 'Massachusetts', is_state: true },\n { value: 'Michigan', label: 'Michigan', is_state: true },\n { value: 'Minnesota', label: 'Minnesota', is_state: true },\n { value: 'Mississippi', label: 'Mississippi', is_state: true },\n { value: 'Missouri', label: 'Missouri', is_state: true },\n { value: 'Montana', label: 'Montana', is_state: true },\n { value: 'Nebraska', label: 'Nebraska', is_state: true },\n { value: 'Nevada', label: 'Nevada', is_state: true },\n { value: 'New Hampshire', label: 'New Hampshire', is_state: true },\n { value: 'New Jersey', label: 'New Jersey', is_state: true },\n { value: 'New Mexico', label: 'New Mexico', is_state: true },\n { value: 'New York', label: 'New York', is_state: true },\n { value: 'North Carolina', label: 'North Carolina', is_state: true },\n { value: 'North Dakota', label: 'North Dakota', is_state: true },\n // { value: 'Northern Mariana Islands', label: 'Northern Mariana Islands', is_state: true },\n { value: 'Ohio', label: 'Ohio', is_state: true },\n { value: 'Oklahoma', label: 'Oklahoma', is_state: true },\n { value: 'Oregon', label: 'Oregon', is_state: true },\n // { value: 'Palau', label: 'Palau', is_state: true },\n { value: 'Pennsylvania', label: 'Pennsylvania', is_state: true },\n // { value: 'Puerto Rico', label: 'Puerto Rico', is_state: true },\n { value: 'Rhode Island', label: 'Rhode Island', is_state: true },\n { value: 'South Carolina', label: 'South Carolina', is_state: true },\n { value: 'South Dakota', label: 'South Dakota', is_state: true },\n { value: 'Tennessee', label: 'Tennessee', is_state: true },\n { value: 'Texas', label: 'Texas', is_state: true },\n { value: 'Vermont', label: 'Vermont', is_state: true },\n { value: 'Virgin Islands', label: 'Virgin Islands', is_state: true },\n { value: 'Virginia', label: 'Virginia', is_state: true },\n { value: 'Washington', label: 'Washington', is_state: true },\n { value: 'West Virginia', label: 'West Virginia', is_state: true },\n { value: 'Wisconsin', label: 'Wisconsin', is_state: true },\n { value: 'Wyoming', label: 'Wyoming', is_state: true },\n];\n\nexport const feesByState = {\n Alabama: { fee: 375, abbr: 'AL' },\n Alaska: { fee: 375, abbr: 'AK' },\n Arizona: { fee: 625, abbr: 'AZ' },\n Arkansas: { fee: 375, abbr: 'AR' },\n California: { fee: 256, abbr: 'CA' },\n Colorado: { fee: 260, abbr: 'CO' },\n Connecticut: { fee: 375, abbr: 'CT' },\n Delaware: { fee: 204, abbr: 'DE' },\n 'District of Columbia': { fee: 355, abbr: 'DC' },\n Florida: { fee: 205, abbr: 'FL' },\n Georgia: { fee: 375, abbr: 'GA' },\n // Guam: { fee: 375, abbr: 'GU' },\n Hawaii: { fee: 375, abbr: 'HI' },\n Idaho: { fee: 375, abbr: 'ID' },\n Illinois: { fee: 310, abbr: 'IL' },\n Indiana: { fee: 375, abbr: 'IN' },\n Iowa: { fee: 375, abbr: 'IA' },\n Kansas: { fee: 375, abbr: 'KS' },\n Kentucky: { fee: 375, abbr: 'KY' },\n Louisiana: { fee: 375, abbr: 'LA' },\n Maine: { fee: 375, abbr: 'ME' },\n Maryland: { fee: 375, abbr: 'MD' },\n Massachusetts: { fee: 537, abbr: 'MA' },\n Michigan: { fee: 375, abbr: 'MI' },\n Minnesota: { fee: 375, abbr: 'MN' },\n Mississippi: { fee: 375, abbr: 'MS' },\n Missouri: { fee: 375, abbr: 'MO' },\n Montana: { fee: 375, abbr: 'MT' },\n Nebraska: { fee: 375, abbr: 'NE' },\n Nevada: { fee: 335, abbr: 'NV' },\n 'New Hampshire': { fee: 375, abbr: 'NH' },\n 'New Jersey': { fee: 265, abbr: 'NJ' },\n 'New Mexico': { fee: 375, abbr: 'NM' },\n 'New York': { fee: 370, abbr: 'NY' },\n 'North Carolina': { fee: 385, abbr: 'NC' },\n 'North Dakota': { fee: 375, abbr: 'ND' },\n Ohio: { fee: 375, abbr: 'OH' },\n Oklahoma: { fee: 375, abbr: 'OK' },\n Oregon: { fee: 410, abbr: 'OR' },\n Other: { fee: 375, abbr: 'OTR' },\n // Palau: { fee: 375, abbr: 'PW' },\n Pennsylvania: { fee: 685, abbr: 'PA' },\n // 'Puerto Rico': { fee: 375, abbr: 'PR' },\n 'Rhode Island': { fee: 285, abbr: 'RI' },\n 'South Carolina': { fee: 375, abbr: 'SC' },\n 'South Dakota': { fee: 375, abbr: 'SD' },\n Tennessee: { fee: 375, abbr: 'TN' },\n Texas: { fee: 885, abbr: 'TX' },\n Utah: { fee: 205, abbr: 'UT' },\n Vermont: { fee: 375, abbr: 'VT' },\n Virginia: { fee: 235, abbr: 'VA' },\n Washington: { fee: 315, abbr: 'WA' },\n 'West Virginia': { fee: 375, abbr: 'WV' },\n Wisconsin: { fee: 375, abbr: 'WI' },\n Wyoming: { fee: 375, abbr: 'WY' },\n};\n","var _path, _path2, _path3, _path4;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgDocPreview(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 42,\n height: 38,\n viewBox: \"0 0 42 38\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14 6.40556C14 3.71738 16.5987 1.79443 19.1694 2.58032L32.5027 6.65641C34.1846 7.17056 35.3333 8.72295 35.3333 10.4817V27C35.3333 29.2091 33.5425 31 31.3333 31H18C15.7909 31 14 29.2091 14 27V6.40556Z\",\n fill: \"white\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M36.4014 7.95927C36.576 8.09467 36.6808 8.29776 36.6808 8.50085C36.6808 8.56855 36.6808 8.6024 36.6459 8.67009C36.6808 8.73779 36.6808 8.77164 36.6808 8.83934V31.8564C36.6808 32.2287 36.3665 32.5334 35.9824 32.5334H12.9347C12.5506 32.5334 12.2363 32.2287 12.2363 31.8564V2.06961C12.2363 1.69728 12.5506 1.39264 12.9347 1.39264H29.1379C29.3824 1.32494 29.6617 1.39264 29.8363 1.56188L36.4014 7.95927ZM34.3063 7.82387L30.046 3.69433V7.82387H34.3063ZM13.6335 31.1794V2.74658H28.6493V8.50084C28.6493 8.87318 28.9636 9.17781 29.3477 9.17781H35.2843V31.1794H13.6335ZM18.8711 12.5627H25.1568C25.5409 12.5627 25.8552 12.258 25.8552 11.8857C25.8552 11.5134 25.5409 11.2087 25.1568 11.2087H18.8711C18.487 11.2087 18.1727 11.5134 18.1727 11.8857C18.1727 12.258 18.487 12.5627 18.8711 12.5627ZM30.0457 16.6245H18.8711C18.487 16.6245 18.1727 16.3199 18.1727 15.9475C18.1727 15.5752 18.487 15.2706 18.8711 15.2706H30.0457C30.4298 15.2706 30.7441 15.5752 30.7441 15.9475C30.7441 16.3199 30.4298 16.6245 30.0457 16.6245ZM30.0457 20.3479H18.8711C18.487 20.3479 18.1727 20.0432 18.1727 19.6709C18.1727 19.2986 18.487 18.9939 18.8711 18.9939H30.0457C30.4298 18.9939 30.7441 19.2986 30.7441 19.6709C30.7441 20.0432 30.4298 20.3479 30.0457 20.3479ZM30.0457 22.7173C30.4314 22.7173 30.7441 23.0204 30.7441 23.3942C30.7441 23.7511 30.4592 24.0435 30.0978 24.0694L30.0457 24.0712H18.8711C18.4854 24.0712 18.1727 23.7681 18.1727 23.3942C18.1727 23.0374 18.4576 22.745 18.819 22.7191L18.8711 22.7173H30.0457Z\",\n fill: \"#AFBDC5\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6 10.4056C6 7.71738 8.59866 5.79443 11.1694 6.58032L24.5027 10.6564C26.1846 11.1706 27.3333 12.7229 27.3333 14.4817V31C27.3333 33.2091 25.5425 35 23.3333 35H10C7.79087 35 6 33.2091 6 31V10.4056Z\",\n fill: \"white\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M28.4014 11.9593C28.576 12.0947 28.6808 12.2978 28.6808 12.5008C28.6808 12.5685 28.6808 12.6024 28.6459 12.6701C28.6808 12.7378 28.6808 12.7716 28.6808 12.8393V35.8564C28.6808 36.2287 28.3665 36.5334 27.9824 36.5334H4.93474C4.55061 36.5334 4.23633 36.2287 4.23633 35.8564V6.06961C4.23633 5.69728 4.55061 5.39264 4.93474 5.39264H21.1379C21.3824 5.32494 21.6617 5.39264 21.8363 5.56188L28.4014 11.9593ZM26.3063 11.8239L22.046 7.69433V11.8239H26.3063ZM5.63346 35.1794V6.74658H20.6493V12.5008C20.6493 12.8732 20.9636 13.1778 21.3477 13.1778H27.2843V35.1794H5.63346ZM10.8711 16.5627H17.1568C17.5409 16.5627 17.8552 16.258 17.8552 15.8857C17.8552 15.5134 17.5409 15.2087 17.1568 15.2087H10.8711C10.487 15.2087 10.1727 15.5134 10.1727 15.8857C10.1727 16.258 10.487 16.5627 10.8711 16.5627ZM22.0457 20.6245H10.8711C10.487 20.6245 10.1727 20.3199 10.1727 19.9475C10.1727 19.5752 10.487 19.2706 10.8711 19.2706H22.0457C22.4298 19.2706 22.7441 19.5752 22.7441 19.9475C22.7441 20.3199 22.4298 20.6245 22.0457 20.6245ZM22.0457 24.3479H10.8711C10.487 24.3479 10.1727 24.0432 10.1727 23.6709C10.1727 23.2986 10.487 22.9939 10.8711 22.9939H22.0457C22.4298 22.9939 22.7441 23.2986 22.7441 23.6709C22.7441 24.0432 22.4298 24.3479 22.0457 24.3479ZM22.0457 26.7173C22.4314 26.7173 22.7441 27.0204 22.7441 27.3942C22.7441 27.7511 22.4592 28.0435 22.0978 28.0694L22.0457 28.0712H10.8711C10.4854 28.0712 10.1727 27.7681 10.1727 27.3942C10.1727 27.0374 10.4576 26.745 10.819 26.7191L10.8711 26.7173H22.0457Z\",\n fill: \"#AFBDC5\"\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgDocPreview);\nexport default __webpack_public_path__ + \"static/media/doc_preview.bf9e1116.svg\";\nexport { ForwardRef as ReactComponent };","export default {\n 1: 'https://learn.savvi.legal/knowledge/entity-formation-1',\n 2: 'https://learn.savvi.legal/knowledge/onboard-employees',\n 3: 'https://learn.savvi.legal/knowledge/issue-equity',\n 4: 'https://learn.savvi.legal/knowledge/stock-option-plan-1',\n 5: 'https://learn.savvi.legal/knowledge/llc-to-delaware-c-corp-conversion',\n 8: 'https://learn.savvi.legal/knowledge/document-review-by-attorney',\n 10: 'https://learn.savvi.legal/knowledge/safe-fundraising',\n 11: 'https://learn.savvi.legal/send-an-nda',\n 12: 'https://learn.savvi.legal/knowledge/trademark-filing',\n 13: 'https://learn.savvi.legal/knowledge/request-a-patent',\n 14: 'https://learn.savvi.legal/knowledge/send-an-nda',\n 15: 'https://learn.savvi.legal/knowledge/service-agreement-template',\n 16: 'https://learn.savvi.legal/knowledge/privacy-policy-template',\n 17: 'https://learn.savvi.legal/knowledge/employee-offboarding',\n 18: 'https://learn.savvi.legal/knowledge/issue-equity-llc',\n 19: 'https://learn.savvi.legal/knowledge/annual-report-1',\n 20: 'https://learn.savvi.legal/request-legal-counsel',\n 21: 'https://learn.savvi.legal/knowledge/request-template-access',\n 23: 'https://learn.savvi.legal/knowledge/operating-state-registration',\n 24: 'https://learn.savvi.legal/knowledge/distressed-company-consultation',\n 25: 'https://learn.savvi.legal/knowledge/ppp-sba-loan-assistance',\n 27: 'https://learn.savvi.legal/knowledge/onboard-an-independent-contractor',\n 28: 'https://learn.savvi.legal/knowledge/onboard-an-advisor',\n 32: 'https://learn.savvi.legal/knowledge/equity-repurchase-agreement',\n 33: 'https://learn.savvi.legal/execute-safes',\n 37: 'https://learn.savvi.legal/knowledge/switch-to-a-savvi-partnered-registered-agent',\n 38: 'https://learn.savvi.legal/knowledge/issue-stock-options',\n 40: 'https://learn.savvi.legal/knowledge/new-document-drafting-request',\n 42: 'https://learn.savvi.legal/knowledge/tax-and-accounting-assistance',\n 44: 'https://learn.savvi.legal/knowledge/company-name-change',\n 46: 'https://learn.savvi.legal/knowledge/legal-audit',\n 47: 'https://learn.savvi.legal/carta-account-setup-request',\n 50: 'https://learn.savvi.legal/create',\n 51: 'https://learn.savvi.legal/knowledge/custom-request',\n 63: 'https://learn.savvi.legal/due-diligence-checklist',\n 64: 'https://learn.savvi.legal/upload-registered',\n 68: 'https://learn.savvi.legal/director-appointment',\n 69: 'https://learn.savvi.legal/submit-a-contract-for-ai-review',\n 70: 'https://learn.savvi.legal/annual-subscription',\n 71: 'https://learn.savvi.legal/file-cabinet-and-reports-onboarding',\n 77: 'https://learn.savvi.legal/prepare-preferred-stock-financing',\n 80: 'https://learn.savvi.legal/officer-appointment',\n 81: 'https://learn.savvi.legal/director-or-officer-resignation',\n 84: 'https://learn.savvi.legal/equity-incentive-plan-amendment',\n 86: 'https://learn.savvi.legal/statement-of-work',\n 87: 'https://learn.savvi.legal/director/officer-indemnification',\n 88: 'https://learn.savvi.legal/exercise-options-workflow',\n 94: 'https://learn.savvi.legal/founder-onboarding',\n 95: 'https://learn.savvi.legal/ip-assignment',\n 99: 'https://learn.savvi.legal/due-diligence-checklist',\n 96: 'https://learn.savvi.legal/prepare-preferred-stock-financing',\n 97: 'https://learn.savvi.legal/letter-of-intent',\n 102: 'https://learn.savvi.legal/simple-promissory-note',\n};\n","import {\n SET_BOX_TOKEN,\n SET_TEMP_TOKEN_FETCH_INITIALIZED,\n SET_USER_DOCUMENT_BOX_TOKEN,\n} from './types';\n\nexport const setBoxToken = token => {\n return {\n type: SET_BOX_TOKEN,\n payload: { token },\n };\n};\n\nexport const setUserDocumentBoxToken = (payload, documentId) => {\n return {\n type: SET_USER_DOCUMENT_BOX_TOKEN,\n payload,\n documentId,\n };\n};\n\nexport const setTempTokenFetchInitialized = () => {\n return {\n type: SET_TEMP_TOKEN_FETCH_INITIALIZED,\n isInitialized: true,\n };\n};\n","import * as Types from './types';\n\nexport function setAccountTodos(payload) {\n return {\n type: Types['SET_ACCOUNT_TODOS'],\n payload,\n };\n}\n\nexport function setAssigneeOptions(payload, accountId, projectTemplateId) {\n return {\n type: Types['SET_ASSIGNEE_OPTIONS'],\n payload,\n accountId,\n projectTemplateId,\n };\n}\n\nexport function setTeamTodos(payload) {\n return {\n type: Types['SET_TEAM_TODOS'],\n payload,\n };\n}\n","export const generateErrorNotice = (payload, defaultError) => ({\n type: 'error',\n message:\n payload?.message ||\n defaultError ||\n \"We're experiencing issues related to your session, please refresh this window.\",\n errorObject: payload,\n});\n","export const CLEAR_ERRORS = 'savvi/user/CLEAR_ERRORS';\n\nexport const SET_INIT_LOADING = 'savvi/user/SET_INIT_LOADING';\n\n// There are three possible states for our login\n// process and we need actions for each of them\nexport const LOGIN_REQUEST = 'savvi/user/LOGIN_REQUEST';\nexport const LOGIN_SUCCESS = 'savvi/user/LOGIN_SUCCESS';\nexport const LOGIN_FAILED = 'savvi/user/LOGIN_FAILED';\n\nexport const TOKEN_REQUEST = 'savvi/user/TOKEN_REQUEST';\nexport const TOKEN_SUCCESS = 'savvi/user/TOKEN_SUCCESS';\nexport const TOKEN_FAILED = 'savvi/user/TOKEN_FAILED';\n\nexport const SEND_PW_RESET_REQUEST = 'savvi/user/SEND_PW_RESET_REQUEST';\nexport const SEND_PW_RESET_SUCCESS = 'savvi/user/SEND_PW_RESET_SUCCESS';\nexport const SEND_PW_RESET_FAILED = 'savvi/user/SEND_PW_RESET_FAILED';\n\nexport const VALIDATE_PASSWORD_REQUEST = 'savvi/user/VALIDATE_PASSWORD_REQUEST';\nexport const VALIDATE_PASSWORD_SUCCESS = 'savvi/user/VALIDATE_PASSWORD_SUCCESS';\nexport const VALIDATE_PASSWORD_FAILED = 'savvi/user/VALIDATE_PASSWORD_FAILED';\n\nexport const RESET_PASSWORD_REQUEST = 'savvi/user/RESET_PASSWORD_REQUEST';\nexport const RESET_PASSWORD_SUCCESS = 'savvi/user/RESET_PASSWORD_SUCCESS';\nexport const RESET_PASSWORD_FAILED = 'savvi/user/RESET_PASSWORD_FAILED';\n\n// Three possible states for our logout process as well.\nexport const LOGOUT = 'savvi/user/LOGOUT';\nexport const LOGOUT_REQUEST = 'savvi/user/LOGOUT_REQUEST';\nexport const LOGOUT_SUCCESS = 'savvi/user/LOGOUT_SUCCESS';\nexport const LOGOUT_FAILED = 'savvi/user/LOGOUT_FAILED';\n\n// Set User\nexport const SET_ACCOUNT = 'savvi/user/SET_ACCOUNT';\nexport const SET_USER = 'savvi/user/SET_USER';\nexport const SET_BOX_TOKEN = 'savvi/user/SET_BOX_TOKEN';\nexport const REMOVE_EMAIL_VERIFICATION = 'savvi/user/REMOVE_EMAIL_VERIFICATION';\n\n// Registration Actions\nexport const REGISTER_REQUEST = 'savvi/user/REGISTER_REQUEST';\nexport const REGISTER_FAILED = 'savvi/user/REGISTER_FAILED';\nexport const REGISTER_SUCCESS = 'savvi/user/REGISTER_SUCCESS';\n\nexport const CREATE_USER_REQUEST = 'savvi/user/CREATE_USER_REQUEST';\nexport const CREATE_USER_FAILED = 'savvi/user/CREATE_USER_FAILED';\nexport const CREATE_USER_SUCCESS = 'savvi/user/CREATE_USER_SUCCESS';\n\nexport const CREATE_COMPANY_REQUEST = 'savvi/user/CREATE_COMPANY_REQUEST';\nexport const CREATE_COMPANY_FAILED = 'savvi/user/CREATE_COMPANY_FAILED';\nexport const CREATE_COMPANY_SUCCESS = 'savvi/user/CREATE_COMPANY_SUCCESS';\n\n// Checkpoint Actions\n\nexport const GET_CHECKPOINTS_REQUEST = 'savvi/user/GET_CHECKPOINTS_REQUEST';\nexport const GET_CHECKPOINTS_FAILED = 'savvi/user/GET_CHECKPOINTS_FAILED';\nexport const GET_CHECKPOINTS_SUCCESS = 'savvi/user/GET_CHECKPOINTS_SUCCESS';\n\nexport const SET_CHECKPOINT_REQUEST = 'savvi/user/SET_CHECKPOINT_REQUEST';\nexport const SET_CHECKPOINT_FAILED = 'savvi/user/SET_CHECKPOINT_FAILED';\nexport const SET_CHECKPOINT_SUCCESS = 'savvi/user/SET_CHECKPOINT_SUCCESS';\n\nexport const SET_CHECKPOINTS = 'savvi/user/SET_CHECKPOINTS';\n\n// Registration Actions\nexport const EMAIL_CONFIRM_REQUEST = 'savvi/user/EMAIL_CONFIRM_REQUEST';\nexport const EMAIL_CONFIRM_FAILED = 'savvi/user/EMAIL_CONFIRM_FAILED';\nexport const EMAIL_CONFIRM_SUCCESS = 'savvi/user/EMAIL_CONFIRM_SUCCESS';\n\nexport const RESEND_EMAIL_CONFIRM_REQUEST = 'savvi/user/RESEND_EMAIL_CONFIRM_REQUEST';\nexport const RESEND_EMAIL_CONFIRM_FAILED = 'savvi/user/RESEND_EMAIL_CONFIRM_FAILED';\nexport const RESEND_EMAIL_CONFIRM_SUCCESS = 'savvi/user/RESEND_EMAIL_CONFIRM_SUCCESS';\n\nexport const COMPLETE_ONBOARD_REQUEST = 'savvi/formation/COMPLETE_ONBOARD_REQUEST';\nexport const COMPLETE_ONBOARD_FAILED = 'savvi/formation/COMPLETE_ONBOARD_FAILED';\nexport const COMPLETE_ONBOARD_SUCCESS = 'savvi/formation/COMPLETE_ONBOARD_SUCCESS';\n\n// Box Token Actions\nexport const BOX_TOKEN_REQUEST = 'savvi/user/BOX_TOKEN_REQUEST';\nexport const BOX_TOKEN_SUCCESS = 'savvi/user/BOX_TOKEN_SUCCESS';\nexport const BOX_TOKEN_FAILED = 'savvi/user/BOX_TOKEN_FAILED';\n\n// Post Hubspot Actions\nexport const SET_HUBSPOT_REQUEST = 'savvi/user/SET_HUBSPOT_REQUEST';\nexport const SET_HUBSPOT_SUCCESS = 'savvi/user/SET_HUBSPOT_SUCCESS';\nexport const SET_HUBSPOT_FAILED = 'savvi/user/SET_HUBSPOT_FAILED';\n\n// Socket.io Actions\nexport const SET_NOTIFICATIONS = 'savvi/user/SET_NOTIFICATIONS';\n\n// User Actions\nexport const CREATE_NEW_USER_REQUEST = 'savvi/user/CREATE_NEW_USER_REQUEST';\nexport const CREATE_NEW_USER_SUCCESS = 'savvi/user/CREATE_NEW_USER_SUCCESS';\nexport const CREATE_NEW_USER_FAILED = 'savvi/user/CREATE_NEW_USER_FAILED';\n\nexport const CHANGE_OWNER_REQUEST = 'savvi/user/CHANGE_OWNER_REQUEST';\nexport const CHANGE_OWNER_SUCCESS = 'savvi/user/CHANGE_OWNER_SUCCESS';\nexport const CHANGE_OWNER_FAILED = 'savvi/user/CHANGE_OWNER_FAILED';\n\nexport const DELETE_USER_REQUEST = 'savvi/user/DELETE_USER_REQUEST';\nexport const DELETE_USER_SUCCESS = 'savvi/user/DELETE_USER_SUCCESS';\nexport const DELETE_USER_FAILED = 'savvi/user/DELETE_USER_FAILED';\n// Partner Types\nexport const CONNECT_PARTNER_REQUEST = 'savvi/user/CONNECT_PARTNER_REQUEST';\nexport const CONNECT_PARTNER_SUCCESS = 'savvi/user/CONNECT_PARTNER_SUCCESS';\nexport const CONNECT_PARTNER_FAILED = 'savvi/user/CONNECT_PARTNER_FAILED';\n\nexport const REMOVE_PARTNER_REQUEST = 'savvi/user/REMOVE_PARTNER_REQUEST';\nexport const REMOVE_PARTNER_SUCCESS = 'savvi/user/REMOVE_PARTNER_SUCCESS';\nexport const REMOVE_PARTNER_FAILED = 'savvi/user/REMOVE_PARTNER_FAILED';\n\nexport const GET_PARTNER_BY_CODE_REQUEST = 'savvi/user/GET_PARTNER_BY_CODE_REQUEST';\nexport const GET_PARTNER_BY_CODE_SUCCESS = 'savvi/user/GET_PARTNER_BY_CODE_SUCCESS';\nexport const GET_PARTNER_BY_CODE_FAILED = 'savvi/user/GET_PARTNER_BY_CODE_FAILED';\nexport const SET_PARTNER_BY_CODE = 'savvi/user/SET_PARTNER_BY_CODE';\nexport const SET_PARTNER_CODE = 'savvi/user/SET_PARTNER_CODE';\n\n// Validate Email\nexport const VALIDATE_EMAIL_REQUEST = 'savvi/user/VALIDATE_EMAIL_REQUEST';\nexport const VALIDATE_EMAIL_SUCCESS = 'savvi/user/VALIDATE_EMAIL_SUCCESS';\nexport const VALIDATE_EMAIL_FAILED = 'savvi/user/VALIDATE_EMAIL_FAILED';\n\nexport const REQUEST_VERIFICATION_EMAIL_REQUEST =\n 'savvi/user/REQUEST_VERIFICATION_EMAIL_REQUEST';\nexport const REQUEST_VERIFICATION_EMAIL_SUCCESS =\n 'savvi/user/REQUEST_VERIFICATION_EMAIL_SUCCESS';\nexport const REQUEST_VERIFICATION_EMAIL_FAILED =\n 'savvi/user/REQUEST_VERIFICATION_EMAIL_FAILED';\n\nexport const CHECK_VERIFICATION_STATUS_REQUEST =\n 'savvi/user/CHECK_VERIFICATION_STATUS_REQUEST';\nexport const CHECK_VERIFICATION_STATUS_SUCCESS =\n 'savvi/user/CHECK_VERIFICATION_STATUS_SUCCESS';\nexport const CHECK_VERIFICATION_STATUS_FAILED =\n 'savvi/user/CHECK_VERIFICATION_STATUS_FAILED';\n\nexport const DELETE_CHALLENGE_REQUEST = 'savvi/user/DELETE_CHALLENGE_REQUEST';\nexport const DELETE_CHALLENGE_SUCCESS = 'savvi/user/DELETE_CHALLENGE_SUCCESS';\nexport const DELETE_CHALLENGE_FAILED = 'savvi/user/DELETE_CHALLENGE_FAILED';\n\nexport const FINALIZE_EMAIL_VERIFICATION_REQUEST =\n 'savvi/user/FINALIZE_EMAIL_VERIFICATION_REQUEST';\nexport const FINALIZE_EMAIL_VERIFICATION_SUCCESS =\n 'savvi/user/FINALIZE_EMAIL_VERIFICATION_SUCCESS';\nexport const FINALIZE_EMAIL_VERIFICATION_FAILED =\n 'savvi/user/FINALIZE_EMAIL_VERIFICATION_FAILED';\n\nexport const EXCHANGE_CHALLENGE_REQUEST = 'savvi/user/EXCHANGE_CHALLENGE_REQUEST';\nexport const EXCHANGE_CHALLENGE_SUCCESS = 'savvi/user/EXCHANGE_CHALLENGE_SUCCESS';\nexport const EXCHANGE_CHALLENGE_FAILED = 'savvi/user/EXCHANGE_CHALLENGE_FAILED';\n","import React, { useMemo, useState } from 'react';\nimport Modal from 'react-modal';\n\nimport './RoomSettings.scss';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { updateRoom, addRoomCode } from '../../redux/modules/Data/operations';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { Button, TooltipAction } from '../../components/common';\nimport { InputStyledTextField } from '../../components/inputs';\nimport { setNotice } from '../../redux/modules/UI/actions';\nimport { DropdownAction } from '../../components/common/Dropdown/Dropdown';\nimport { getAuthAccount, getAuthUser } from '../../redux/modules/User/selectors';\nimport { getRoomSharingMeta } from '../../redux/modules/Data/selectors';\nimport dayjs from 'dayjs/esm';\nimport localizedFormat from 'dayjs/plugin/localizedFormat';\nimport RoomUserHistoryModal from '../../components/RoomUserHistoryModal';\nimport SortDropdown from '../../components/SortDropdown';\n\ndayjs.extend(localizedFormat);\n\nconst defaultSort = (a, b) => {\n let aDate = new Date(a.lastVisited);\n let bDate = new Date(b.lastVisited);\n if (a.name === 'Anonymous') {\n return -1;\n } else if (b.name === 'Anonymous') {\n return 1;\n }\n return bDate - aDate;\n};\n\nexport const sortStrings = (a, b) => a.localeCompare(b);\n\nconst usersSortOptions = {\n name: {\n label: 'Name',\n slug: 'name',\n iconType: 'a-z',\n sortFunc: (a, b) => sortStrings(a.name, b.name),\n },\n date_added: {\n label: 'Date Added',\n slug: 'date_added',\n iconType: 'wide-short',\n sortFunc: (a, b) => {\n let aDate = new Date(a.created_at);\n let bDate = new Date(b.created_at);\n return bDate - aDate;\n },\n },\n none: {\n label: 'Default (last visited)',\n slug: 'none',\n sortFunc: (a, b) => defaultSort(a, b),\n },\n};\n\nexport const RoomSettings = ({\n access_code,\n account_id,\n is_admin_user,\n open,\n require_auth,\n roomId,\n strict,\n}) => {\n const dispatch = useDispatch();\n const [isAddAccessCodeShowing, setIsAddAccessCodeShowing] = useState(false);\n const [isStandingFormsModalOpen, setIsStandingFormsModalOpen] = useState(false);\n const [isOtherFormsModalOpen, setIsOtherFormsModalOpen] = useState(false);\n const [isUserHistoryModalOpen, setIsUserHistoryModalOpen] = useState(false);\n const [selectedUserHistory, setSelectedUserHistory] = useState({});\n const [isRoomUsersCollapsed, setIsRoomUsersCollapsed] = useState(true);\n const currentUser = useSelector(getAuthUser);\n const currentAccount = useSelector(getAuthAccount);\n const roomSharingMeta = useSelector(State => getRoomSharingMeta(State, roomId));\n const {\n standingForms,\n standingFormLink,\n standingFormLinkLabel,\n standingFormsCompleted,\n otherForms,\n otherFormsCompleted,\n totalDocInteractions,\n totalTimesVisited,\n usersByEmail,\n } = roomSharingMeta;\n\n const [isSortReversed, setSortIsDesc] = useState(false);\n const [sortOption, setSortOption] = useState(usersSortOptions.none);\n const { slug, sortFunc } = sortOption;\n\n const sortedUsersByEmail = useMemo(() => {\n let updatedUsers = usersByEmail.sort(sortFunc);\n if (!isSortReversed) {\n updatedUsers = updatedUsers.reverse();\n }\n return updatedUsers;\n }, [usersByEmail, isSortReversed, sortFunc]);\n\n const handleSortUsers = selectedOption => {\n let updatedSortIsDesc = false;\n if (selectedOption.slug === slug) {\n updatedSortIsDesc = !isSortReversed;\n }\n setSortIsDesc(updatedSortIsDesc);\n setSortOption(selectedOption);\n };\n\n const handleUpdateRoom = slug => {\n let body = {};\n let currentSlugValue =\n (slug === 'open' && open) ||\n (slug === 'require_auth' && require_auth) ||\n (slug === 'strict' && strict);\n body[slug] = !currentSlugValue;\n if (slug === 'open' && currentSlugValue) {\n body.init_room = true;\n }\n dispatch(updateRoom(body, roomId, account_id));\n };\n\n const isRoomUsersCollapsible =\n !standingFormLink && otherForms.length === 0 && usersByEmail.length > 4;\n const toggleLabel = !isRoomUsersCollapsed\n ? 'Show fewer users'\n : `Show ${usersByEmail.length - 4} more users`;\n\n const canEdit = account_id === currentAccount.accountId && is_admin_user;\n const canInvite =\n canEdit ||\n usersByEmail.findIndex(\n user =>\n user.user_id === currentUser.userId && (user.admin_user || user.invite_rights),\n ) !== -1;\n const roomAccessLabel =\n (!open && 'Private') ||\n (!!strict && 'Invite Only') ||\n (!!require_auth && 'Sign-in Required') ||\n 'Open';\n\n let accessHelpLabel = 'This room can be viewed by anyone.';\n if (!open) {\n accessHelpLabel = 'This room is closed and only the room admin can view it.';\n } else if (strict) {\n accessHelpLabel =\n 'This room can be viewed by people whitelisted or emailed an access link.';\n } else if (require_auth) {\n accessHelpLabel = 'This room can be viewed by anyone logged in';\n }\n\n return (\n \n
\n
\n
\n
Room Sharing & Access \n
\n
\n
Room Access \n
(\n \n {roomAccessLabel} \n handleUpdateRoom('open')}\n >\n {open ? 'Close Room' : 'Open Room'}\n \n handleUpdateRoom('require_auth')}\n >\n {require_auth ? 'Sign-in Optional' : 'Sign-in Required'}\n \n handleUpdateRoom('require_auth')}\n >\n {strict ? 'Invite Optional' : 'Invite Only'}\n \n \n {accessHelpLabel} \n \n
\n
Total Visits \n {totalTimesVisited} \n \n
\n
\n Total Interactions\n \n {totalDocInteractions} \n \n
\n
\n {canEdit && (\n {\n const { REACT_APP_BASEURL } = process.env;\n navigator.clipboard\n .writeText(`${REACT_APP_BASEURL}/data-room/${access_code}`)\n .then(\n () => dispatch(setNotice('Link Copied!')),\n err => console.error('Could not copy text: ', err),\n );\n }}\n >\n setIsAddAccessCodeShowing(true)}\n >\n Share Room Link\n \n )}\n
\n
\n
\n
\n Users and Personal Links\n
\n
\n {/*
{}}\n sortOption={'default'}\n sortOptions={{ default: { label: 'date' } }}\n /> */}\n \n {sortedUsersByEmail.map(\n (user, index) =>\n (!isRoomUsersCollapsible ||\n !isRoomUsersCollapsed ||\n (isRoomUsersCollapsed && index < 4)) && (\n
{\n if (!ev.defaultPrevented) {\n setSelectedUserHistory(user);\n setIsUserHistoryModalOpen(true);\n }\n }}\n >\n \n
\n {user.name || user.email}\n {!!user.name && !!user.email && (\n <>\n {' - '}\n {user.email} \n \n )}\n \n \n Last Visited:{' '}\n {user.lastVisited\n ? dayjs(user.lastVisited).format('LLL')\n : 'not visited yet'}\n \n \n {user.key !== 'anonymous' && (\n \n
\n Personal Link\n \n
{user.codes.length > 0 ? 'Yes' : 'No'}
\n
\n
Visits \n
{user.timesVisited}
\n
\n
Interactions \n
{user.docInteractions}
\n
\n
\n \n ),\n )}\n {isRoomUsersCollapsible && (\n
setIsRoomUsersCollapsed(!isRoomUsersCollapsed)}\n >\n
\n {toggleLabel}
\n
\n \n )}\n
\n
\n
\n Connected Forms\n \n
\n
\n
\n standing form template\n \n
{standingFormLinkLabel}
\n
\n {standingForms.length > 0 && (\n
\n
Forms Generated \n {standingForms.length} \n \n )}\n {standingForms.length > 0 && (\n
\n
Forms Completed \n {standingFormsCompleted} \n \n )}\n {otherForms.length > 0 && (\n
\n
Other Forms \n {otherForms.length} \n \n )}\n
\n
\n {\n const { REACT_APP_BASEURL } = process.env;\n navigator.clipboard\n .writeText(`${REACT_APP_BASEURL}/api/redirect/form/${access_code}`)\n .then(\n () => dispatch(setNotice('Link Copied!')),\n err => console.error('Could not copy text: ', err),\n );\n }}\n >\n Copy New Standing Form Link\n \n
\n
\n
\n
\n
\n setIsStandingFormsModalOpen(true)}\n >\n View Standing Forms\n \n
\n
\n
\n
\n
\n Connected Forms\n \n
\n
\n
Forms Connected \n {otherForms.length} \n \n
\n
Forms Completed \n {otherFormsCompleted} \n \n
\n
\n setIsOtherFormsModalOpen(true)}\n >\n View Connected Forms\n \n
\n
\n
setIsAddUserShowing(false)}\n roomId={roomId}\n /> */}\n setIsUserHistoryModalOpen(false)}\n isOpen={isUserHistoryModalOpen}\n roomId={roomId}\n roomUserHistory={selectedUserHistory || {}}\n />\n setIsAddAccessCodeShowing(false)}\n roomId={roomId}\n />\n setIsStandingFormsModalOpen(false)}\n otherForms={otherForms}\n roomId={roomId}\n standingForms={standingForms}\n />\n setIsOtherFormsModalOpen(false)}\n otherForms={otherForms}\n roomId={roomId}\n standingForms={standingForms}\n />\n \n );\n};\n\nexport const ShareRoomLinkModal = ({\n access_code,\n account_id,\n isOpen,\n onClose,\n roomId,\n}) => {\n const dispatch = useDispatch();\n const [email, setEmail] = useState('');\n const [isSubmitting, setIsSubmitting] = useState(false);\n\n const handleClose = () => {\n setEmail('');\n onClose();\n };\n return (\n \n Share Personal Room Link \n setEmail(e.target.value)}\n defaultPlaceholder=\"ex. myname@gmail.com\"\n value={email}\n label=\"email to share code with\"\n name=\"user_email\"\n />\n \n This shares a link that will automatically log in and direct them to this Room. If\n that email does not already have an account we will automatically create a guest\n account for them.\n \n \n {\n setIsSubmitting(true);\n dispatch(\n addRoomCode(\n { identifier: { type: 'email', value: email } },\n roomId,\n account_id,\n ),\n ).then(\n e => {\n setIsSubmitting(false);\n handleClose();\n },\n error => setIsSubmitting(false),\n );\n }}\n >\n Send Email\n \n
\n \n );\n};\n\nexport const RoomStandingFormsModal = ({\n // canEdit,\n // account_id,\n // currentUser,\n isOpen,\n isRoomOpen,\n // is_admin_user,\n onClose,\n // roomId,\n standingForms,\n}) => {\n const dispatch = useDispatch();\n\n const sortedForms = standingForms.sort((a, b) => {\n if (a.outside_form.state === 'new' && b.outside_form.state !== 'new') {\n return 1;\n } else if (a.outside_form.state !== 'new' && b.outside_form.state === 'new') {\n return -1;\n }\n return 0;\n });\n\n return (\n {\n document.body.classList.remove('ReactModal__Body--open');\n }}\n className=\"roomSettings__modal roomSettings__modal--sm\"\n overlayClassName=\"roomSettings__modal-overlay\"\n >\n View Standing Forms \n View and Manage Standing Forms Connected to this Room.
\n \n {sortedForms.map(\n (\n {\n // code,\n id,\n // room_id,\n created_at,\n identifier,\n // identifier_type,\n // isWhitelisted,\n user: { email, name = '', invite_rights, id: userId, room_user_id } = {},\n outside_form: {\n access_code: outside_form_access_code,\n state,\n id: outside_form_id,\n name: outsideFormLabel,\n metadata: { type } = {},\n } = {},\n },\n ind,\n ) => {\n let label =\n name.trim() || email || identifier || outsideFormLabel || 'Unique Link';\n let formUrl = `/data-room/${outside_form_access_code}/outside-form/${outside_form_access_code}`;\n if (!isRoomOpen) {\n formUrl = `/outside-form/${outside_form_access_code}`;\n }\n return (\n
\n \n
{label}
\n
\n {\n const { REACT_APP_BASEURL } = process.env;\n navigator.clipboard\n .writeText(`${REACT_APP_BASEURL}${formUrl}`)\n .then(\n () => dispatch(setNotice('Link Copied!')),\n err => console.error('Could not copy text: ', err),\n );\n }}\n >\n \n
\n
\n
\n
Date Created \n
{dayjs(created_at).format('LLL')}
\n
\n
\n
status \n
{state === 'new' ? 'Open' : 'Completed'}
\n
\n
\n View Shared Forms \n View and Manage Shared Forms connected to this Room.
\n \n {sortedForms.map(\n (\n {\n // code,\n id,\n // room_id,\n created_at,\n identifier,\n // identifier_type,\n // isWhitelisted,\n user: { email, name = '', invite_rights, id: userId, room_user_id } = {},\n outside_form: {\n access_code: outside_form_access_code,\n state,\n name: outsideFormLabel,\n metadata: { finalize } = {},\n } = {},\n },\n ind,\n ) => {\n let label =\n name.trim() || email || identifier || outsideFormLabel || 'Unique Link';\n let formUrl = `/data-room/${outside_form_access_code}/outside-form/${outside_form_access_code}`;\n if (!isRoomOpen) {\n formUrl = `/outside-form/${outside_form_access_code}`;\n }\n return (\n
\n \n
{label}
\n
\n {\n const { REACT_APP_BASEURL } = process.env;\n navigator.clipboard\n .writeText(`${REACT_APP_BASEURL}${formUrl}`)\n .then(\n () => dispatch(setNotice('Link Copied!')),\n err => console.error('Could not copy text: ', err),\n );\n }}\n >\n \n
\n
\n
\n
Date Created \n
{dayjs(created_at).format('LLL')}
\n
\n
\n
status \n
\n
\n {state === 'new' ? 'Open' : 'Completed'}\n
\n {finalize &&
Finalizes task on submission
}\n
\n
\n
\n// Add User to Room \n// setEmail(e.target.value)}\n// defaultPlaceholder=\"ex. myname@gmail.com\"\n// value={email}\n// label=\"user email:\"\n// name=\"user_email\"\n// />\n// \n// {\n// setIsSubmitting(true);\n// dispatch(addRoomUser({ email, room_id: roomId }, roomId, account_id, accessCode)).then(\n// e => {\n// setIsSubmitting(false);\n// handleClose();\n// },\n// error => setIsSubmitting(false),\n// );\n// }}\n// >\n// Add User\n// \n//
\n// \n// );\n// };\n","// import { refreshCompanyToken } from '../modules/Company/operations';\nimport { get } from 'lodash-es';\nimport { setNotice } from '../modules/UI/actions';\nimport { setCompanyTokenRefreshing } from '../modules/Company/actions';\nlet Errors = {\n getMessage: err => {\n let localization = Errors.codes[err.code];\n if (localization) {\n return localization;\n }\n\n console.error(err);\n if (err.message) {\n return err.message;\n }\n return false;\n },\n codes: {\n E_SESSION_INVALID: 'Missing or expired cookie session. Please login again.',\n INVALID_JWT:\n 'Your auth token is expired. Please refresh your page to be assigned a new token.',\n DEVELOPER_ERROR:\n \"We're experiencing issues related to your session, please refresh this window.\",\n },\n};\n\nconst PayloadHandler =\n ({ dispatch, getState }) =>\n next =>\n async action => {\n const {\n Company: { isCompanyTokenRefreshing },\n } = getState();\n if ((action.type || '').endsWith('FAILED')) {\n // this path mainly occurs on 404\n if (action.payload?.response?.error) {\n action.payload = action.payload.response.error;\n } else if (action.payload.response) {\n action.payload = action.payload.response;\n } else {\n action.payload = { ...action, message: 'There was a network error.' };\n }\n let msg = Errors.getMessage(action.payload);\n if (\n action.payload.code === 'INVALID_JWT' &&\n (action.payload.details || []).join().includes('jwt.claims.exp') &&\n !isCompanyTokenRefreshing\n ) {\n console.info('company access token has expired, will refresh.');\n\n dispatch(setNotice('company access token has expired, will refresh.'));\n window.location.reload();\n }\n if (msg) {\n action.payload.replaced_msg = action.payload.msg;\n action.payload.message = msg;\n }\n console.error(msg + '*');\n if (action.payload.status !== 400) {\n if (action.payload._id) {\n console.info(\n '*To help us better understand and help you with this error, please share this error id to our support chat:',\n action.payload._id,\n );\n } else {\n console.info(\n '*If this error looks to be causing you issues, please reach out to our chat support for help.',\n );\n }\n }\n } else if (action.type.endsWith('SUCCESS')) {\n if (action.payload.payload && action.payload.success) {\n action.payload = action.payload.payload;\n }\n } else if (action.error) {\n action.type = action.type.replace(/(?:REQUEST|SUCCESS)$/, 'FAILED');\n }\n\n return await next(action);\n };\n\nexport const myInterceptor =\n ({ dispatch, getState }) =>\n next =>\n async action => {\n let {\n Auth: {\n account: { accountId, exp },\n isInitLoading,\n user: { exp: userTokenExp },\n },\n Company: { isCompanyTokenRefreshing },\n } = getState();\n const endpoint = get(action, '[@@redux-api-middleware/RSAA].endpoint', '');\n const isCompanyEndpoint =\n endpoint &&\n !endpoint.includes('/authn/') &&\n !endpoint.includes('/public/') &&\n !endpoint.includes('/unlisted/') &&\n !endpoint.includes('/guest/') &&\n !endpoint.includes('/remote-login/') &&\n !endpoint.includes('/user/');\n\n const currentDate = Date.now() / 1000 - 600;\n\n if (\n endpoint &&\n (endpoint.includes('authn') || endpoint.includes('user')) &&\n !isInitLoading &&\n currentDate > userTokenExp\n ) {\n console.info('user access token is expired, you will now be logged out.');\n dispatch(setNotice('Your Auth Token is expired, please log back in to continue.'));\n localStorage.removeItem('id_tokens');\n localStorage.removeItem('id_token');\n localStorage.removeItem('storedLocation');\n localStorage.removeItem('hide_verify');\n window.location.reload();\n } else if (\n isCompanyEndpoint &&\n !isInitLoading &&\n !isCompanyTokenRefreshing &&\n accountId &&\n currentDate > exp\n ) {\n console.info('company access token is expired, will refresh.');\n await dispatch(setCompanyTokenRefreshing(true));\n await dispatch(setNotice('company access token is expired, will refresh.'));\n window.location.reload();\n // await dispatch(refreshCompanyToken(accountId, null, true)).then(e => {\n // window.location.reload();\n // });\n // const tokenResponse = await dispatch(refreshCompanyToken(accountId, null, true));\n // if (!!tokenResponse?.access_token) {\n // action[\n // '@@redux-api-middleware/RSAA'\n // ].headers.Authorization = `Bearer ${tokenResponse.access_token}`;\n // }\n }\n return await next(action);\n };\n\nexport default PayloadHandler;\n","import React, { useState } from 'react';\nimport Modal from 'react-modal';\n\nimport './DocumentPreview.scss';\n\nconst bem = elementName => `DocumentPreview${elementName ? '__' + elementName : ''}`;\n\nconst customStyles = {\n overlay: {\n zIndex: 9,\n backgroundColor: 'rgba(0,0,0,.66)',\n position: 'fixed',\n height: '100vh',\n width: '100vw',\n display: 'flex',\n overflowY: 'auto',\n paddingTop: 20,\n WebkitOverflowScrolling: 'touch',\n },\n content: {\n position: 'static',\n maxWidth: '600px',\n minHeight: '580px',\n margin: 'auto',\n padding: '0 8px 4px',\n border: 'none',\n boxShadow: '3px 3px 3px 3px #33373859',\n display: 'flex',\n flexDirection: 'column',\n },\n};\n\nconst DocumentPreview = ({\n customClass,\n isThumbnailShowing,\n isLabelShowing,\n label,\n pages,\n}) => {\n const [isOpen, setOpen] = useState(false);\n\n return (\n \n {isLabelShowing && setOpen(!isOpen)}>{label} }\n {isThumbnailShowing && (\n \n {pages.map((page, index) => (\n
\n ))}\n
setOpen(false)} isOpen={isOpen} style={customStyles}>\n {pages.map((page, index) => (\n \n \n );\n};\n\nDocumentPreview.defaultProps = {\n customClass: '',\n label: 'View Document Preview',\n isLabelShowing: true,\n pages: [],\n};\n\nexport default DocumentPreview;\n","export default initialState =>\n reducerMap =>\n (state = initialState, action) => {\n const reducer = reducerMap[action.type];\n return reducer ? reducer(state, action) : state;\n };\n","export default (myModule = '') =>\n (state = false, { type }) => {\n if (!isModule(myModule, type)) {\n return state;\n }\n\n if (isRequest(type)) {\n return true;\n } else if (isSuccess(type) || isFailed(type)) {\n return false;\n } else {\n return state;\n }\n };\n\nconst isModule = (myModule, type) => !!myModule && type.indexOf(myModule) !== -1;\nconst isRequest = type => type.endsWith('REQUEST');\nconst isSuccess = type => type.endsWith('SUCCESS');\nconst isFailed = type => type.endsWith('FAILED');\n","import get from 'lodash-es/get';\nimport isEmpty from 'lodash-es/isEmpty';\n\nexport default (myModule = '') =>\n (state = {}, { type, payload }) => {\n // if (!isModule(myModule, type)) {\n // return state;\n // }\n if (isCleared(type)) {\n return {};\n }\n\n if (isFailed(type)) {\n const message = get(payload, 'message', payload);\n return {\n ...state,\n message: isEmpty(message) ? 'An error has occurred' : message,\n };\n } else {\n return state;\n }\n };\n\n// const isModule = (myModule, type) => !!myModule && type.indexOf(myModule) !== -1;\nconst isFailed = type => type.endsWith('FAILED') || type.endsWith('SET_ERROR');\nconst isCleared = type => type.endsWith('CLEAR_ERRORS');\n","const getValidationErrors = errors => {\n return errors.reduce(\n (memo, error, index) => ({\n ...memo,\n [error.path.pop()]: error.message,\n }),\n {},\n );\n};\n\nexport { getValidationErrors };\n","import * as yup from 'yup';\n\nconst requestSchema = yup.object().shape({\n category: yup.string().required().label('Category'),\n description: yup.string().required().label('Request Details'),\n});\n\nconst trademarkSchema = yup.object().shape({\n phrase: yup.string().required().label('Name or Phrase'),\n industry: yup.string().required().label('Industry'),\n clients: yup.string().required().label('Clients'),\n services: yup.string().required().label('Products or Services'),\n type: yup.string().required().label('Trademark Type'),\n description: yup.string().required().label('Description'),\n});\n\nconst loginSchema = yup.object().shape({\n email: yup.string().email().required().label('E-mail'),\n password: yup.string().min(6).required().label('Password'),\n});\n\nconst forgotSchema = yup.object().shape({\n email: yup.string().email().required().label('E-mail'),\n});\n\nconst resetSchema = yup.object().shape({\n password: yup.string().min(6).required().label('Password'),\n});\n\nconst settingsSchema = yup.object().shape({\n first_name: yup.string().required().label('First Name'),\n last_name: yup.string().required().label('Last Name'),\n phone: yup\n .string()\n .test(\n 'Phone',\n 'Phone number is not valid, should be a valid US Phone, (i.e. (555) 555-5555',\n value =>\n !value ||\n value.match(/^[+]?[(]?[0-9]{3}[)]?[-\\s\\\\.]?[0-9]{3}[-\\s\\\\.]?[0-9]{4,6}$/),\n )\n .label('Phone')\n .nullable(),\n});\n\nconst passwordSchema = yup.object().shape({\n oldPassword: yup.string().min(6).required().label('Password'),\n newPassword: yup.string().min(12).required().label('Password'),\n phone: yup\n .string()\n .test(\n 'Phone',\n 'Phone number is not valid, should be a valid US Phone, (i.e. (555) 555-5555',\n value =>\n !value ||\n value.match(/^[+]?[(]?[0-9]{3}[)]?[-\\s\\\\.]?[0-9]{3}[-\\s\\\\.]?[0-9]{4,6}$/),\n )\n .label('Phone'),\n});\n\nconst addressSchema = yup.object().shape({\n lineOne: yup.string().required().label('Line One'),\n lineTwo: yup.string().label('Line Two'),\n city: yup.string().required().label('City'),\n state: yup.string().required().label('State'),\n zip: yup.string().required().label('ZIPCode'),\n});\n\nconst phoneSchema = yup\n .string()\n .test(\n 'Phone',\n 'Phone number is not valid, should be a valid US Phone, (i.e. (555) 555-5555',\n value =>\n !value || value.match(/^[+]?[(]?[0-9]{3}[)]?[-\\s\\\\.]?[0-9]{3}[-\\s\\\\.]?[0-9]{4,6}$/),\n )\n .label('Phone');\n\nconst validateField = (input, formSchema, errors) => {\n if (!errors[input.name]) return;\n\n const { name, value } = input;\n const schema = yup.reach(formSchema, name);\n\n try {\n return !schema.validateSync(value);\n } catch (err) {\n if (err.name === 'ValidationError') {\n return { [name]: err.message };\n }\n }\n};\n\nconst validateForm = (schema, inputs) => {\n try {\n return !schema.validateSync(inputs, { abortEarly: false });\n } catch (err) {\n if (err.name === 'ValidationError') {\n const errors = err.inner.reduce((memo, { path, message }) => {\n return {\n ...memo,\n [path]: message,\n };\n }, {});\n return errors;\n }\n }\n};\n\nconst registerSchema = yup.object().shape({\n first_name: yup.string().required().label('First Name'),\n last_name: yup.string().required().label('Last Name'),\n email: yup.string().email().required().label('E-mail'),\n company_name: yup.string().required().label('Company Name'),\n password: yup.string().min(12).required().label('Password'),\n tos: yup\n .boolean()\n .oneOf([true], \"You must agree to Savvi's Terms of Service\")\n .required(),\n});\n\nconst addPaymentMethodFormSchema = yup.object().shape({\n name: yup.string().required().label('Card holder name'),\n is_default: yup.string().label('Is default'),\n});\n\nconst addACHFormSchema = yup.object().shape({\n account_holder_name: yup.string().required().label('Account holder name'),\n routing_number: yup.string().required().label('Routing number'),\n account_number: yup.string().required().label('Bank account number'),\n bank_label: yup.string().required().label('Bank account name'),\n});\n\nconst verifyACHFormSchema = yup.object().shape({\n account_holder_name: yup.string().label('Account holder name'),\n routing_number: yup.string().label('Routing number'),\n account_number: yup.string().label('Bank account number'),\n amount_one: yup.number().positive().required().label('Amount One'),\n amount_two: yup.number().positive().required().label('Amount Two'),\n is_default: yup.string().label('Is default'),\n});\n\nconst onboardingFormSchema = yup.object().shape({\n employees_estimate: yup.string().required().nullable().label('Employees Number'),\n buisness_type: yup.string().required().nullable().label('Company Business Type'),\n referral_type: yup.string().required().nullable().label('Referral Type'),\n interests: yup.array().required().label('Company Services'),\n other_legal_needs: yup.string().label('Other Company Services'),\n});\n\n// const createValidation = (initValues) => {\n// let schema = lazy(initValues, (res, val, index) => {\n\n// })\n\n// }\n\n// import mapValues from 'lodash-es/mapValues';\n\n// Yup.lazy(obj =>\n// Yup.object(\n// mapValues(obj, (value, key) => {\n// if (key === 'owner') {\n// return Yup.string().required();\n// }\n// if (key === 'age') {\n// return Yup. number();\n// }\n// if (key.includes('propertyName')) {\n// return Yup.string().required();\n// }\n// if (key.includes('propertyValue')) {\n// return Yup.number().required();\n// }\n// })\n// )\n// )\n\nconst forms = {\n addACHForm: addACHFormSchema,\n addPaymentMethodForm: addPaymentMethodFormSchema,\n onboardingForm: onboardingFormSchema,\n registerForm: registerSchema,\n verifyACHForm: verifyACHFormSchema,\n};\n\nexport {\n addressSchema,\n forgotSchema,\n forms,\n loginSchema,\n passwordSchema,\n phoneSchema,\n registerSchema,\n requestSchema,\n resetSchema,\n settingsSchema,\n trademarkSchema,\n // createValidation,\n validateField,\n validateForm,\n};\n","import React, { useMemo, useState } from 'react';\nimport { useHistory, useParams } from 'react-router-dom';\nimport { Document, Page } from 'react-pdf';\nimport { useDispatch, useSelector } from 'react-redux';\nimport Modal from 'react-modal';\n\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport classnames from 'classnames';\nimport { Form, Formik } from 'formik';\nimport { ReactComponent as DocPreviewSVG } from '../../assets/images/doc_preview.svg';\n\nimport { Button, Dropdown, Tooltip } from '../common';\nimport { updateTaskVariant } from '../../redux/modules/Project/operations';\nimport InputStyledCheckbox from '../common/InputStyledCheckbox';\nimport { requestHeaders } from '../../redux/utils/api';\nimport { updateTransaction } from '../../redux/modules/Transaction/operations';\n\nimport './OverviewCard.scss';\nimport { getBoxFileInfo } from '../../redux/modules/Cabinet/operations';\nimport handlePath from '../../utils/handlePath';\nimport { get, startCase } from 'lodash-es';\nimport { BoxToken } from '../../redux/modules/Cabinet/selectors';\nimport ContentPreview from 'box-ui-elements/es/elements/content-preview';\nimport { setNotice } from '../../redux/modules/UI/actions';\nimport { BrandMeta } from '../../redux/modules/UI/selectors';\n\nconst bem = elementName => `OverviewCard${elementName ? '__' + elementName : ''}`;\n\nconst OverviewCard = ({\n handleTransactionAction,\n isInitCollapsed,\n isPdfHiding,\n params: { companyId, moduleId, projectId },\n transaction,\n}) => {\n const {\n allow_reopen,\n disabled,\n id: transactionId,\n is_started,\n label,\n open,\n state,\n tasks,\n template: { delete_level, is_assessment } = {},\n validated_questionnaire,\n } = transaction;\n const history = useHistory();\n\n const [isActionsShowing, setIsActionsShowing] = useState(false);\n const [isCollapsed, setIsCollapsed] = useState(isInitCollapsed);\n const [isFocused, setIsFocused] = useState(false);\n\n const isReopenAllowed =\n !open &&\n (tasks.findIndex(e => e.mode !== 'Upload' && e.state === 'completed') === -1 ||\n allow_reopen);\n\n let isDeletable = false;\n if (delete_level === 'completed') {\n isDeletable = true;\n } else if (delete_level === 'unsubmitted' && !!open) {\n isDeletable = true;\n } else if (\n delete_level === 'submitted' &&\n tasks.findIndex(e => e.state === 'completed') === -1\n ) {\n isDeletable = true;\n }\n\n let statusLabel = 'Pending';\n let statusLevel = 'med';\n if (!!open) {\n if (!is_started) {\n statusLabel = 'Not Started';\n statusLevel = 'low';\n } else if (!validated_questionnaire) {\n statusLabel = 'Form Incomplete';\n statusLevel = 'med';\n } else {\n statusLabel = 'In Progress';\n statusLevel = 'med';\n }\n } else if (tasks.findIndex(e => e.state !== 'completed') === -1) {\n statusLabel = 'Completed';\n statusLevel = '';\n } else if (tasks.findIndex(e => get(e, 'document.revision_count', 1) > 1) !== -1) {\n statusLabel = 'Awaiting Approval';\n statusLevel = 'high';\n } else if (tasks.findIndex(e => e.status_label === 'Awaiting Signature') !== -1) {\n statusLabel = 'Awaiting Signature';\n statusLevel = 'high';\n } else if (state) {\n statusLabel = state;\n statusLevel = 'high';\n }\n\n return (\n \n
\n
\n !is_assessment &&\n history.push(\n handlePath(\n `/workbench/${moduleId}/${projectId}/${transactionId}/task-view`,\n companyId,\n ),\n )\n }\n >\n \n {\n setIsFocused(false);\n }}\n onClick={e => {\n e.stopPropagation();\n setIsCollapsed(!isCollapsed);\n setIsFocused(true);\n }}\n >\n 33 ? ' long' : ''}`}>\n {label}\n \n
\n {statusLabel}
\n \n {\n e.stopPropagation();\n setIsActionsShowing(!isActionsShowing);\n }}\n >\n {\n e.stopPropagation();\n setIsActionsShowing(false);\n }}\n >\n {\n e.stopPropagation();\n handleTransactionAction('reopen', transactionId, label);\n setIsActionsShowing(false);\n }}\n >\n Reopen Task\n \n {isDeletable && (\n {\n e.stopPropagation();\n handleTransactionAction('delete', transactionId, label);\n setIsActionsShowing(false);\n }}\n >\n Delete Task\n \n )}\n {!open && (\n {\n e.stopPropagation();\n handleTransactionAction('review_inputs', transactionId, label);\n setIsActionsShowing(false);\n }}\n >\n Review Inputs\n \n )}\n {!!open && !!validated_questionnaire && (\n \n Edit Form\n \n )}\n \n )}\n
\n \n {!!disabled && (\n
\n
\n
Prior Task submissions required before submitting this task.
\n
\n )}\n {!isCollapsed && (\n <>\n
\n
\n {tasks.map((task, ind) => (\n
\n \n )}\n
\n
\n
\n {typeLabel + ' '}\n {type === 'Document' && mode === 'Upload' && ' (Upload) '}\n {type !== 'Document' && !!timelineLabel && ` (${timelineLabel}) `}\n {statusLabel && {statusLabel} }\n \n
\n {processLabel}\n {variants.length > 1 && !isVariantsOpen && !!open && mode !== 'Upload' && (\n <>\n {`--${customer_label} (`}\n setIsVariantsOpen(!isVariantsOpen)}>\n {isVariantsOpen ? 'Keep Template' : 'Change Template'}\n \n )\n \n )}\n \n {!!processDescription &&\n !!preview.box_file_id &&\n type === 'Document' &&\n mode !== 'Upload' && (\n <>\n
description \n
{processDescription} \n \n )}\n {isVariantsOpen && (\n
{\n dispatch(updateTaskVariant(id, { template_variant_id }, projectId)).then(\n e => {\n if (validatedQuestionnaire && open) {\n dispatch(\n updateTransaction(transactionId, { validated_questionnaire: 0 }),\n );\n }\n setIsVariantsOpen(false);\n },\n );\n }}\n >\n {formikProps => (\n \n \n )}\n \n )}\n
\n {type === 'Document' && mode !== 'Upload' && pdfFile.box_file_id && (\n
\n )}\n {!!processDescription && (!pdfFile.box_file_id || mode === 'Upload') && (\n <>\n
description \n
{processDescription} \n \n )}\n
\n {!isPdfHiding && isFileAvailable && (\n {\n if (isLinkOnHover) {\n e.preventDefault();\n setIsOpen(!isOpen);\n }\n }}\n style={{\n width: width + 16,\n height: height + 16,\n }}\n >\n {isBoxPreviewShowing && (\n \n Loading PDF... \n \n }\n onLoadSuccess={onDocumentLoadSuccess}\n onLoadError={() => setIsError(true)}\n onSourceError={() => setIsError(true)}\n error={\n \n \n Loading Page.... \n \n }\n onLoadError={() => setIsError(true)}\n onRenderError={() => setIsError(true)}\n pageNumber={pageNumber}\n width={width}\n />\n {!isShowOnHover &&
}\n \n )}\n \n )}\n {isActionShowing ? (\n {\n e.preventDefault();\n setIsOpen(!isOpen);\n }}\n >\n {pdfLabel}\n \n ) : (\n {pdfLabel} \n )}\n \n {isLinkOnHover && (\n \n e.preventDefault()}\n >\n ({pdfLabel}) \n {isBoxPreviewShowing && (\n \n \n )}\n {isDocumentShowing && (\n \n \n Unable to preview file at this time. To view/download, ask the\n account admin or get access through the connected account's File\n Cabinet and Documents View.\n \n \n }\n loading={\n \n
Loading PDF.... \n \n }\n onLoadSuccess={onDocumentLoadSuccess}\n onLoadError={() => setIsError(true)}\n onSourceError={() => setIsError(true)}\n >\n \n Loading Page.... \n \n }\n onLoadError={() => setIsError(true)}\n onRenderError={() => setIsError(true)}\n pageNumber={pageNumber}\n height={780}\n />\n \n {numPages > 1 && (\n {\n setPageNumber(pageNumber - 1);\n }}\n aria-label=\"Previous page\"\n >\n \n {pageNumber} of {numPages}\n \n {isDownloadable && (\n {\n const newUrl = downloadableUrl || filePath.url;\n var client = new XMLHttpRequest();\n client.open('GET', newUrl);\n client.withCredentials = true;\n client.responseType = 'blob';\n Object.entries(requestHeaders(!downloadableUrl)).forEach(\n ([key, value]) => {\n client.setRequestHeader(key, value);\n },\n );\n client.onreadystatechange = () => {\n switch (client.readyState) {\n case 4:\n dispatch(setNotice('Starting Download.'));\n const windowUrl = window.URL.createObjectURL(\n client.response,\n );\n const link = document.createElement('a');\n link.href = windowUrl;\n link.setAttribute('download', filename);\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n break;\n default:\n }\n };\n client.send();\n }}\n >\n {\n if (linkUrl) {\n window.open(linkUrl, '_blank');\n } else if (accessCode) {\n const newUrl = downloadableUrl || filePath.url;\n var client = new XMLHttpRequest();\n client.open('GET', newUrl);\n client.withCredentials = true;\n client.responseType = 'blob';\n Object.entries(requestHeaders(!downloadableUrl)).forEach(\n ([key, value]) => {\n client.setRequestHeader(key, value);\n },\n );\n client.onreadystatechange = () => {\n switch (client.readyState) {\n case 4:\n const windowUrl = window.URL.createObjectURL(\n client.response,\n );\n const link = document.createElement('a');\n link.href = windowUrl;\n link.target = '_blank';\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n break;\n default:\n }\n };\n client.send();\n } else if (!preview) {\n dispatch(getBoxFileInfo(box_file_id)).then(payload => {\n const win = window.open(\n handlePath(\n `${brandMeta.web_base_url}/cabinet/${get(\n payload,\n 'parent.id',\n -1,\n )}/${box_file_id}`,\n companyId,\n ),\n '_blank',\n );\n win.focus();\n });\n } else {\n const win = window.open(preview, '_blank');\n win.focus();\n }\n }}\n >\n = numPages}\n onClick={e => {\n setPageNumber(pageNumber + 1);\n }}\n aria-label=\"Next page\"\n >\n
\n \n )}\n \n \n )}\n \n );\n};\n\nexport default OverviewCard;\n","import React, { Component, Fragment, createRef } from 'react';\nimport { connect } from 'react-redux';\n\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport ContentPicker from 'box-ui-elements/es/elements/content-picker';\nimport ContentPreview from 'box-ui-elements/es/elements/content-preview';\nimport ContentUploader from 'box-ui-elements/es/elements/content-uploader';\nimport classnames from 'classnames';\nimport get from 'lodash-es/get';\n\n// import { deleteDocumentUpload } from '../../redux/modules/Transaction/operations';\nimport savviLogo from '../../assets/images/savvi_logo.svg';\nimport {\n getBoxFileForDataRoom,\n getBoxFileInfo,\n getBoxTokenFolderId,\n uploadBoxFile,\n} from '../../redux/modules/Cabinet/operations';\nimport {\n BoxToken,\n IsTempBoxTokenFetchInitialized,\n} from '../../redux/modules/Cabinet/selectors';\nimport { CurrentCompany } from '../../redux/modules/Company/selectors';\n\nimport './FileUploader.scss';\nimport { createRoomHistory } from '../../redux/modules/Data/operations';\nimport { Button } from '../common';\n\nclass FileUploader extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n folder: null,\n isDeleteOpen: false,\n isInitialFetching: true,\n error: '',\n isPickerOpen: false,\n isReuploadOpen: false,\n isDocViewed: false,\n };\n this.uploaderRef = createRef();\n this.innerUploaderRef = createRef();\n this.previewRef = createRef();\n }\n\n componentDidMount() {\n const {\n access_code,\n fileId,\n getBoxTokenFolderId,\n getBoxFileForDataRoom,\n path,\n reports_feature_type_id,\n resource_id,\n } = this.props;\n\n if (path && !fileId) {\n getBoxTokenFolderId(path)\n .then(payload => {\n this.setState({\n isInitialFetching: false,\n folder: payload.upload_folder_id,\n });\n })\n .catch(error => this.setState({ error }));\n } else if (access_code && reports_feature_type_id && fileId) {\n getBoxFileForDataRoom(\n fileId,\n access_code,\n `?reports_feature_type_id=${reports_feature_type_id}&resource_id=${resource_id}`,\n ).then(\n payload =>\n this.setState({\n accessToken: payload.token.accessToken,\n isInitialFetching: false,\n }),\n error => this.setState({ error: error.message, isInitialFetching: false }),\n );\n } else {\n this.setState({ isInitialFetching: false });\n }\n }\n\n render() {\n const {\n access_code,\n account_transaction_id,\n boxToken,\n createRoomHistory,\n currentCompany,\n feature_type_id,\n filename,\n fileId,\n handleGotoCabinet,\n isDisabled,\n isLocked,\n label,\n reports_feature_type_id,\n multiEntry,\n onUpload,\n push,\n resource_id,\n resource_name,\n roomId,\n tags,\n uploadBoxFile,\n usePathAsRootFolder,\n } = this.props;\n\n const {\n accessToken,\n error,\n folder,\n isInitialFetching,\n isPickerOpen,\n isDocViewed,\n isReuploadOpen,\n } = this.state;\n let collection = [];\n if (fileId && fileId.includes('|')) {\n collection = fileId.split('|');\n }\n\n const boxRootFolderId = get(currentCompany, 'account.box_root_folder_id', '0');\n\n const handleResponseInterceptor = e => {\n if (e.type === 'error' || e instanceof Error) {\n this.setState({\n error: e.message || 'Unable to preview file at this time.',\n });\n } else if (access_code && reports_feature_type_id && !isDocViewed) {\n this.setState({ isDocViewed: true });\n createRoomHistory(\n access_code,\n {\n box_file_id: fileId,\n action: !e.data.download_url ? 'view' : 'download',\n customer_label: `${label} (${resource_name})`,\n file_label: filename,\n },\n roomId,\n );\n }\n return e;\n };\n\n if (!isInitialFetching && !boxToken && !folder && !reports_feature_type_id) {\n return (\n \n {error || 'Unable to load, please refresh and try again.'}\n
\n );\n }\n return (\n <>\n {isInitialFetching ? (\n \n
\n ) : (\n <>\n {!!fileId && !isPickerOpen && !isReuploadOpen && (\n \n {!!boxToken && !isLocked && fileId && (\n <>\n {collection.length === 0 && (\n {\n e.viewer.zoomOut(0.32);\n }}\n />\n )}\n {collection.length > 0 && (\n {\n e.viewer.zoomOut(0.32);\n }}\n />\n )}\n \n )}\n {isLocked && !fileId && File not saved
}\n {!!reports_feature_type_id && !!fileId && !!accessToken && (\n <>\n {collection.length === 0 && (\n {\n e.viewer.zoomOut(0.32);\n }}\n />\n )}\n {collection.length > 0 && (\n {\n e.viewer.zoomOut(0.32);\n }}\n />\n )}\n \n )}\n {!!fileId && !!error && (\n File{multiEntry ? '(s)' : ''} saved to Company File Cabinet.
\n )}\n {!isDisabled && (\n \n {!isLocked && !access_code && (\n this.setState({ isPickerOpen: true })}\n type=\"button\"\n >\n this.setState({ isReuploadOpen: true })}\n type=\"button\"\n >\n \n handleGotoCabinet(\n collection.length > 0 ? collection[0] : fileId,\n push,\n )\n }\n type=\"button\"\n >\n View in File Cabinet\n {!!multiEntry && * }\n \n \n )}\n
\n )}\n {!isDisabled && !access_code && !!multiEntry && (\n \n * other files from a batch upload can be viewed in the\n File Cabinet\n
\n )}\n \n )}\n {((!fileId && !isPickerOpen && !reports_feature_type_id) ||\n isReuploadOpen) && (\n \n {!!boxToken && (\n <>\n {\n if (!multiEntry) {\n setTimeout(() =>\n this.uploaderRef.current.lastElementChild.lastElementChild.lastElementChild.click(),\n );\n }\n }}\n token={boxToken}\n measureRef={this.uploaderRef}\n rootFolderId={folder || boxRootFolderId}\n onUpload={e => {\n uploadBoxFile(e.id, {\n tags: tags || [],\n feature_type_id,\n filename,\n resource_id,\n resource_name,\n account_transaction_id,\n });\n }}\n onComplete={e => {\n let fileIdArr = e.map(file => file.id);\n onUpload(fileIdArr.join('|'));\n this.setState({ isReuploadOpen: false });\n }}\n />\n {!access_code && !isDisabled && (\n this.setState({ isPickerOpen: true })}\n type=\"button\"\n className=\"file-uploader__primary-action align-right\"\n >\n Choose previously uploaded file{!!multiEntry ? 's' : ''}\n \n )}\n {!!access_code && !isDisabled && isReuploadOpen && (\n this.setState({ isReuploadOpen: false })}\n type=\"button\"\n className=\"align-right\"\n >\n Cancel\n \n )}\n \n )}\n \n )}\n {isPickerOpen && boxToken && !reports_feature_type_id && (\n \n {\n if (!multiEntry) {\n setTimeout(() =>\n this.innerUploaderRef.current.lastElementChild.lastElementChild.lastElementChild.click(),\n );\n }\n },\n measureRef: this.innerUploaderRef,\n onUpload: e => {\n uploadBoxFile(e.id, {\n tags: tags || [],\n feature_type_id,\n filename,\n resource_id,\n resource_name,\n account_transaction_id,\n });\n },\n onComplete: e => {\n let fileIdArr = e.map(file => file.id);\n onUpload(fileIdArr.join('|')).then(payload => {\n this.setState({ isPickerOpen: false });\n });\n },\n }}\n isSmall\n logoUrl={savviLogo}\n maxSelectable={!multiEntry ? 1 : 100}\n rootFolderId={(usePathAsRootFolder && folder) || boxRootFolderId}\n token={boxToken}\n measureRef={this.uploaderRef}\n onCancel={e => this.setState({ isPickerOpen: false })}\n onChoose={e => {\n this.setState({ isPickerOpen: false });\n let fileIdArr = e.map(file => file.id);\n onUpload(fileIdArr.join('|'));\n }}\n />\n this.setState({ isPickerOpen: false })}\n type=\"button\"\n className=\"file-uploader__primary-action\"\n >\n {fileId ? 'Cancel' : 'Back to upload file'}\n \n \n )}\n \n )}\n \n );\n }\n}\n\nconst mapStateToProps = (State, ownProps) => ({\n isTempBoxTokenFetchInitialized: IsTempBoxTokenFetchInitialized(State),\n boxToken: BoxToken(State),\n currentCompany: CurrentCompany(State),\n});\n\nconst mapDispatchToProps = (\n dispatch,\n { accountId, access_code, companyId, isOutsideForm },\n) => ({\n createRoomHistory: (accessCode, body, roomId) =>\n dispatch(createRoomHistory(accessCode, body, roomId)),\n handleGotoCabinet: (fileId, push) => dispatch(getBoxFileInfo(fileId, push, companyId)),\n getBoxFileForDataRoom: (boxFileId, accessCode, query) =>\n dispatch(getBoxFileForDataRoom(boxFileId, accessCode, query)),\n getBoxTokenFolderId: path =>\n dispatch(\n getBoxTokenFolderId(\n path,\n isOutsideForm,\n isOutsideForm ? false : access_code,\n accountId,\n ),\n ),\n uploadBoxFile: (fileId, body) => dispatch(uploadBoxFile(fileId, body, isOutsideForm)),\n});\n\nconst enhance = connect(mapStateToProps, mapDispatchToProps);\nexport default enhance(FileUploader);\n","var _path;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgFileEdit(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 80,\n height: 80,\n viewBox: \"0 0 80 80\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M1.06255e-05 1.4323C-0.00299488 0.644367 0.633244 0.00314713 1.42118 0L38.2738 1.14441e-05H38.2961C38.6749 0.00082016 39.0378 0.152195 39.3049 0.420776L49.0997 10.2156L56.757 17.8728C56.7852 17.9014 56.8122 17.9311 56.8378 17.962C56.8685 17.9986 56.8974 18.0368 56.9242 18.0763C56.9504 18.1159 56.9746 18.1568 56.9967 18.1989C57.0192 18.2406 57.0397 18.2833 57.058 18.3271C57.0747 18.3663 57.0896 18.4063 57.1028 18.4469L57.1082 18.4609L57.1135 18.4862C57.1245 18.5239 57.1338 18.562 57.1416 18.6005C57.1689 18.7323 57.1775 18.8674 57.1669 19.0017V24.9566L69.8905 12.2387C70.1523 11.9738 70.5074 11.8218 70.8797 11.8151C71.2637 11.8129 71.6324 11.9656 71.9024 12.2387L79.5795 19.9046C79.8487 20.1724 80 20.5364 80 20.9161C80 21.2958 79.8487 21.6598 79.5795 21.9276L57.1669 44.3317V78.5677C57.1699 79.3556 56.5337 79.9968 55.7458 80H1.42118C0.633242 79.9969 -0.00299787 79.3556 1.06255e-05 78.5677V1.4323ZM36.8722 2.85345H2.85349V77.1465H54.3135V47.1852L46.4664 55.0294C46.3025 55.1945 46.1006 55.3169 45.8785 55.3861L34.7767 58.822C34.2714 58.9795 33.7204 58.8445 33.3452 58.4711C32.9701 58.0977 32.8325 57.5473 32.9877 57.0413L36.4319 45.9284C36.4434 45.8908 36.4564 45.8536 36.4709 45.817V45.8142C36.4883 45.7705 36.5078 45.7278 36.5294 45.686C36.5944 45.5591 36.678 45.4426 36.7775 45.3405L54.3135 27.8045V20.3058H38.2961C37.9173 20.3051 37.5543 20.1536 37.2872 19.8849C37.02 19.6163 36.8707 19.2524 36.8722 18.8735V2.85345ZM39.7284 4.8793L47.0795 12.2387L52.2932 17.4524H39.7284V4.8793ZM76.5477 20.9161L70.8909 15.2593L67.2321 18.9209L72.8861 24.5777L76.5477 20.9161ZM11.4278 17.4524C10.9106 17.4409 10.4277 17.7104 10.1657 18.1565C9.90375 18.6026 9.90375 19.1556 10.1657 19.6017C10.4277 20.0479 10.9106 20.3173 11.4278 20.3058H27.2668C27.784 20.3173 28.267 20.0479 28.5289 19.6017C28.7909 19.1556 28.7909 18.6026 28.5289 18.1565C28.267 17.7104 27.784 17.4409 27.2668 17.4524H11.4278ZM70.8658 26.5979L65.209 20.9439L56.7994 29.3593L56.7887 29.371L56.7791 29.3813L56.7671 29.3939L56.7573 29.404L39.0541 47.11L36.5155 55.2914L44.6969 52.7639L54.7342 42.7268L54.7508 42.7107C54.7609 42.701 54.7712 42.6915 54.7816 42.6821L70.8658 26.5979ZM42.4955 28.738C42.4435 28.7361 42.3914 28.737 42.3395 28.7408H11.4278C11.3786 28.7383 11.3293 28.7383 11.2801 28.7408C10.5288 28.8238 9.97259 29.4782 10.0118 30.2331C10.051 30.9879 10.672 31.5812 11.4278 31.5859H42.3395C42.8586 31.6317 43.3613 31.3909 43.651 30.9577C43.9406 30.5246 43.9711 29.968 43.7305 29.5058C43.4899 29.0435 43.0165 28.7492 42.4955 28.738ZM10.1656 40.725C10.4276 40.2788 10.9106 40.0094 11.4278 40.0209H29.3846C29.9019 40.0094 30.3848 40.2788 30.6468 40.725C30.9088 41.1711 30.9088 41.7241 30.6468 42.1703C30.3848 42.6164 29.9019 42.8858 29.3846 42.8744H11.4278C10.9106 42.8858 10.4276 42.6164 10.1656 42.1703C9.90362 41.7241 9.90362 41.1711 10.1656 40.725ZM11.2801 51.3121C10.5052 51.3693 9.91803 52.0352 9.9582 52.8111C9.99836 53.5871 10.6512 54.1887 11.4278 54.1656H24.1514C24.6687 54.1771 25.1516 53.9077 25.4136 53.4615C25.6756 53.0154 25.6756 52.4624 25.4136 52.0162C25.1516 51.5701 24.6687 51.3007 24.1514 51.3121H11.4278C11.3786 51.3096 11.3293 51.3096 11.2801 51.3121ZM34.746 62.8653C35.0055 62.6041 35.356 62.4533 35.7241 62.4445C36.4196 62.4293 37.0247 62.9179 37.1564 63.601C37.1564 63.601 37.7077 66.4714 40.3276 67.1734C42.2694 67.6937 45.2152 65.3927 45.2152 65.3927C45.5889 65.0322 46.1288 64.903 46.6252 65.0553C47.1216 65.2076 47.4961 65.6173 47.6033 66.1254C47.7105 66.6334 47.5333 67.1596 47.1408 67.4994C47.1408 67.4994 43.677 71.0274 39.5891 69.9321C37.2197 69.2972 35.9816 67.7598 35.2504 66.382L32.5558 69.0905C32.1969 69.4623 31.6651 69.611 31.1654 69.4793C30.6657 69.3476 30.2763 68.956 30.1474 68.4557C30.0184 67.9553 30.1701 67.4243 30.5438 67.0675L34.746 62.8653Z\",\n fill: \"black\"\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgFileEdit);\nexport default __webpack_public_path__ + \"static/media/file_edit.4102bd94.svg\";\nexport { ForwardRef as ReactComponent };","var _path, _path2, _path3, _path4;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgFileUpload(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 57,\n height: 80,\n viewBox: \"0 0 57 80\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M8.33333 80H48.3333C52.9283 80 56.6667 76.2617 56.6667 71.6667V17.6425L39.0242 0H8.33333C3.73833 0 0 3.73833 0 8.33333V71.6667C0 76.2617 3.73833 80 8.33333 80ZM3.33331 8.33334C3.33331 5.57584 5.57581 3.33334 8.33331 3.33334H37.6425L53.3333 19.0242V71.6667C53.3333 74.4242 51.0908 76.6667 48.3333 76.6667H8.33331C5.57581 76.6667 3.33331 74.4242 3.33331 71.6667V8.33334Z\",\n fill: \"black\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M55 20H45C40.405 20 36.6666 16.2617 36.6666 11.6667V1.66667C36.6666 0.746667 37.4133 0 38.3333 0C39.2533 0 40 0.746667 40 1.66667V11.6667C40 14.4242 42.2425 16.6667 45 16.6667H55C55.92 16.6667 56.6666 17.4133 56.6666 18.3333C56.6666 19.2533 55.92 20 55 20Z\",\n fill: \"black\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M28.3333 55.8333C27.4133 55.8333 26.6666 55.0866 26.6666 54.1666V32.4999C26.6666 31.5799 27.4133 30.8333 28.3333 30.8333C29.2533 30.8333 30 31.5799 30 32.4999V54.1666C30 55.0866 29.2533 55.8333 28.3333 55.8333Z\",\n fill: \"black\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M35.8333 39.1667C35.4067 39.1667 34.98 39.0042 34.655 38.6784L28.3333 32.3576L22.0117 38.6784C21.3617 39.3292 20.305 39.3292 19.655 38.6784C19.0042 38.0276 19.0042 36.9726 19.655 36.3217L28.3333 27.6426L37.0117 36.3217C37.6625 36.9726 37.6625 38.0276 37.0117 38.6784C36.6867 39.0042 36.26 39.1667 35.8333 39.1667Z\",\n fill: \"black\"\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgFileUpload);\nexport default __webpack_public_path__ + \"static/media/file_upload.9fe4519e.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useCallback, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport Modal from 'react-modal';\nimport { useDispatch, useSelector } from 'react-redux';\n\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { Field, Form, Formik } from 'formik';\nimport { ReactComponent as EditFileSVG } from '../../assets/images/file_edit.svg';\nimport { ReactComponent as UploadFileSVG } from '../../assets/images/file_upload.svg';\n\nimport FeatureTypes from '../../utils/FeatureTypes';\nimport { Button } from '../common';\n\nimport './AddResourceModal.scss';\nimport {\n createResourceName,\n getTransactionQuestionnaire,\n updateResourceName,\n} from '../../redux/modules/Transaction/operations';\nimport {\n patchFeature,\n getFlatFeatures,\n updateResourceFeatures,\n fetchResourcesByTypeId,\n deleteIndividual,\n fetchResourceId,\n} from '../../redux/modules/Formation/operations';\nimport { fetchCompanyDataTables } from '../../redux/modules/Company/operations';\nimport { get } from 'lodash-es';\nimport {\n getFlatFeaturesForOptions,\n getResourcesByTypeIdForSelect,\n} from '../../redux/modules/Formation/selectors';\nimport { ResourceSelect } from '../formik';\nimport { handleExternalUrlWithCompanyId } from '../../utils/handlePath';\nimport classNames from 'classnames';\nimport { massageResource } from '../DataTable/DataTable';\nimport { fetchRoomByAccessCode } from '../../redux/modules/Data/operations';\nimport { setNotice } from '../../redux/modules/UI/actions';\n\nconst initNewResourceVals = (resource, isResourceEmpty) => {\n let formikValues = {};\n (resource.resourceItems || []).forEach(e => {\n formikValues[e.feature_type.name] = isResourceEmpty ? e.defaultValue : e.initialValue;\n });\n (resource.documentItems || []).forEach(e => {\n formikValues[e.feature_type.name] = isResourceEmpty ? e.defaultValue : e.initialValue;\n });\n return formikValues;\n};\n\nconst AddResourceModal = ({\n accountId,\n accessCode,\n documentsTotal,\n requiredDocumentsTotal,\n handleClose: passedHandleClose,\n isCompany,\n isLocked, // currently only for data room & outside form\n isNew,\n isOpen,\n json,\n params = {},\n reports_feature_type_id,\n resource,\n resourceTypeId,\n roomId,\n setSelectedResource,\n setIsNew,\n}) => {\n const {\n allow_new,\n feature_types = [],\n links = [],\n resource_label,\n resource_type,\n resource_type_id,\n } = json;\n const {\n documentItems = [],\n documentsCompleted,\n isDeletable,\n isDocsShowingInitially,\n requiredDocumentsCompleted,\n resourceId,\n resourceItems = [],\n resourceName,\n } = resource || {};\n\n const dispatch = useDispatch();\n\n const [isOpenInit, setIsOpenInit] = useState(false);\n const [isSubmitting, setIsSubmitting] = useState(false);\n const [formVisible, setFormVisible] = useState(false);\n const [docsVisible, setDocsVisible] = useState(false);\n const [isAddView, setIsAddView] = useState(false);\n const [isClosing, setIsClosing] = useState(false);\n const [isMaxClosingTimeout, setIsMaxClosingTimeout] = useState(false);\n\n useEffect(() => {\n if (isOpen && isDocsShowingInitially) {\n setDocsVisible(true);\n setFormVisible(false);\n } else if (isOpen && !isDocsShowingInitially) {\n setDocsVisible(false);\n setFormVisible(true);\n }\n }, [isDocsShowingInitially, isOpen]);\n\n useEffect(() => {\n if (!isOpenInit && isOpen) {\n setIsOpenInit(true);\n if (isNew && resource_type_id) {\n dispatch(fetchResourcesByTypeId(resource_type_id, accountId));\n setIsAddView(links.length > 0);\n } else if (isCompany) {\n dispatch(\n getFlatFeatures(\n {\n select: [\n 1, // individual > name\n 9, // individual > is_board_director\n ],\n where: {\n 9: '1', // individual > is_board_director\n },\n },\n 'directors',\n accountId,\n ),\n );\n }\n }\n }, [\n accountId,\n isCompany,\n isOpen,\n isOpenInit,\n isNew,\n dispatch,\n links,\n resource_type_id,\n ]);\n\n const handleClose = useCallback(() => {\n setSelectedResource({});\n setIsAddView(false);\n setIsOpenInit(false);\n setIsSubmitting(false);\n setIsNew(false);\n setDocsVisible(false);\n setFormVisible(true);\n passedHandleClose();\n setIsClosing(false);\n setIsMaxClosingTimeout(false);\n }, [setIsNew, setSelectedResource, passedHandleClose]);\n\n useEffect(() => {\n if (isClosing) {\n const maxClosingTimeout = setTimeout(() => setIsMaxClosingTimeout(true), 5000);\n return () => {\n clearTimeout(maxClosingTimeout);\n };\n }\n }, [isClosing]);\n\n useEffect(() => {\n if (isMaxClosingTimeout) {\n dispatch(setNotice('Updates made will appear shortly.'));\n handleClose();\n }\n }, [dispatch, handleClose, isMaxClosingTimeout]);\n\n const handleClosingModal = () => {\n setIsClosing(true);\n if (!!accessCode) {\n return dispatch(fetchRoomByAccessCode(accessCode, accountId)).then(\n e => handleClose(),\n error => handleClose(),\n );\n }\n const finalAction = params.transactionId\n ? getTransactionQuestionnaire\n : fetchCompanyDataTables;\n return dispatch(finalAction(params.transactionId)).then(\n e => handleClose(),\n error => handleClose(),\n );\n };\n\n const handleDeleteResource = (passedResourceId, passedResourceName) => {\n const id = passedResourceId || resourceId;\n const name = passedResourceName || resourceName;\n const message = `Are you sure you want to remove ${name} from our system?`;\n\n if (window.confirm(message)) {\n dispatch(deleteIndividual(id, name, accountId)).then(e => {\n if (!!accessCode) {\n dispatch(fetchRoomByAccessCode(accessCode, accountId));\n }\n return !!passedResourceId\n ? dispatch(fetchResourcesByTypeId(resource_type_id, accountId))\n : handleClosingModal();\n });\n }\n };\n\n const handleSubmit = formikValues => {\n if (isLocked) {\n return handleClose();\n }\n const resource_name = formikValues[feature_types[0].feature_type.name];\n const emptyPromise = () => async () => {\n return await Promise.resolve();\n };\n let sumbitFunc = updateResourceName;\n if (resource_name === resource.resourceName || !allow_new) {\n sumbitFunc = emptyPromise;\n }\n\n setIsSubmitting(true);\n dispatch(\n sumbitFunc(\n {\n name: resource_name,\n resource_type_id,\n },\n resource.resourceId,\n false,\n accountId,\n ),\n ).then(\n payload =>\n dispatch(\n updateResourceFeatures(\n formikValues,\n resource.resourceItems,\n feature_types,\n (payload && payload.id) || resource.resourceId,\n resource_name,\n isCompany,\n isNew,\n accountId,\n ),\n ).then(handleClosingModal, handleClosingModal),\n error => handleClosingModal(),\n );\n };\n\n let modalHeader =\n (isNew &&\n `Add${\n ['Director', 'Employee'].includes(resource_label) ? '/Remove' : ''\n } a(n) ${resource_label}`) ||\n resourceName ||\n resource_label;\n\n let modalSubheader =\n (isAddView && `How would you like to add your ${resource_label}`) ||\n (!resourceName && `First add or select a new ${resource_label}`) ||\n (!isAddView && !resourceName && `First add or select a new ${resource_label}`) ||\n resource_label;\n\n const requiredDocsCompletedLabel = `${requiredDocumentsCompleted} of ${requiredDocumentsTotal} required documents uploaded`;\n let documentsLabel = `Documents (${documentsTotal})`;\n const isAsterikShowing = !!isNew && !isAddView;\n const isLinksSublabelShowing = isAddView && links.length > 0 && !isLocked;\n const isFormSublabelShowing = links.length > 0 && !isLocked;\n const formSublabel = `Certain fields/documents can only be ${\n resourceName ? 'adjusted' : 'created'\n } through linked workflow(s) below.`;\n const isDocumentsAvailable =\n (!accessCode && !!documentsTotal) || (!!accessCode && documentsCompleted > 0);\n const isDeleteActionShowing =\n !!isDeletable && !isNew && !accessCode && resourceTypeId !== 2;\n\n return (\n \n \n
\n {modalHeader}\n {isAsterikShowing && * }\n {isDeleteActionShowing && (\n handleDeleteResource()}>\n \n )}\n \n {modalSubheader} \n {isAsterikShowing && (\n \n Inputs marked with '* ' are required.\n \n )}\n \n \n )}\n \n {isAddView && (\n \n {links.map((link, ind) => (\n
\n \n
\n Start Workflow\n \n {link.label} \n \n \n ))}\n {!!allow_new && (\n {\n setFormVisible(true);\n setIsAddView(false);\n }}\n >\n \n
\n Manual Add {resource_type}\n \n Add existing {resource_type} and upload any connected documents \n \n {\n setFormVisible(true);\n setIsAddView(false);\n }}\n >\n \n
\n Edit {resource_type} details\n \n Add existing {resource_type} and upload any connected documents \n \n \n )}\n \n )}\n {!isAddView && (\n \n {formikProps => (\n \n )}\n \n )}\n \n );\n};\n\nAddResourceModal.propTypes = {\n accessCode: PropTypes.string,\n documentsTotal: PropTypes.number,\n requiredDocumentsTotal: PropTypes.number,\n handleClose: PropTypes.func,\n isCompany: PropTypes.bool,\n isLocked: PropTypes.bool, // currently only for data room & outside form\n isNew: PropTypes.bool,\n isOpen: PropTypes.bool,\n json: PropTypes.object,\n params: PropTypes.object,\n reports_feature_type_id: PropTypes.number,\n resource: PropTypes.object,\n setSelectedResource: PropTypes.func,\n setIsNew: PropTypes.func,\n};\n\nconst ResourceItem = ({\n accessCode,\n accountId,\n formikProps,\n handleDeleteResource,\n index,\n isLocked,\n isNew,\n item,\n json,\n params,\n reports_feature_type_id,\n resource,\n roomId,\n setIsNew,\n setSelectedResource,\n}) => {\n const dispatch = useDispatch();\n const {\n allow_entry,\n feature_name,\n feature_type: {\n feature_type,\n filename,\n is_creatable,\n multi_entry_feature,\n name,\n options,\n path,\n question_text,\n question_comment,\n question_help,\n question_placeholder,\n tags,\n },\n feature_type_id,\n isDocument,\n new_require,\n required,\n feature,\n } = item;\n const isSignatory = name === 'company_signatory';\n const { feature_types = [], resource_type, resource_type_id } = json;\n const { resourceName, resourceId } = resource || {};\n\n const directors = useSelector(state => getFlatFeaturesForOptions(state, 'directors'));\n const resources = useSelector(state =>\n getResourcesByTypeIdForSelect(state, resource_type_id),\n );\n\n const handleResourceName = (selectedResource, formikProps, isEditingName) => {\n const body = {\n resource_type_id,\n name: selectedResource?.label || selectedResource,\n };\n const passedResourceId = selectedResource?.id;\n body.transactionId = params.transactionId;\n if (!passedResourceId && !isEditingName) {\n return dispatch(createResourceName(body, accountId)).then(payload =>\n dispatch(fetchResourceId(payload.id, payload.resource_type_id, accountId)).then(\n e => {\n const updatedResource = massageResource(\n e[payload.id],\n feature_types,\n payload.id,\n );\n setSelectedResource(updatedResource);\n formikProps.resetForm({\n values: initNewResourceVals(updatedResource),\n });\n setIsNew(true);\n },\n ),\n );\n } else if (!isEditingName && passedResourceId !== resourceId) {\n dispatch(fetchResourceId(passedResourceId, body.resource_type_id, accountId)).then(\n e => {\n const updatedResource = massageResource(\n e[passedResourceId],\n feature_types,\n passedResourceId,\n );\n setSelectedResource(updatedResource);\n formikProps.resetForm({\n values: initNewResourceVals(updatedResource),\n });\n },\n );\n }\n };\n const handleFormBlur = e => {\n if (feature_type === 'document') {\n dispatch(\n patchFeature(\n {\n value: e.target.value,\n feature_type_id,\n resource_id: resourceId,\n },\n resourceName,\n name,\n true,\n accountId,\n ),\n );\n }\n };\n const handleRemoveResource = () => {\n const emptyResource = massageResource([], feature_types);\n setSelectedResource(emptyResource);\n formikProps.resetForm({\n values: initNewResourceVals(emptyResource, true),\n });\n };\n const validateField = val => {\n if (!isDocument && index !== 0 && ((isNew && new_require) || (!isNew && required))) {\n if (isSignatory) {\n return FeatureTypes['options'].validate(val);\n }\n return FeatureTypes[feature_type].validate(val);\n } else if (feature_type === 'date') {\n return FeatureTypes[feature_type].validate(\n val,\n true,\n get(formikProps, `touched.${name}`, false),\n );\n }\n };\n\n let questionLabel = feature_type === 'boolean' ? question_text : feature_name;\n const isResourceName = index === 0 && !isDocument;\n let updatedOptions = options;\n if (isResourceName) {\n updatedOptions = resources;\n } else if (feature_type === 'detailed_options') {\n updatedOptions = JSON.parse(options);\n } else if (isSignatory) {\n updatedOptions = directors;\n }\n const FieldComponent = isResourceName\n ? ResourceSelect\n : FeatureTypes[isSignatory ? 'options' : feature_type].Formik;\n const isDisabled = !isDocument && !!isLocked && !isResourceName;\n const isFixed =\n (isNew && !resourceId && !isResourceName) || !!feature.fixed || !allow_entry;\n const isRequired = (!isNew && !!required) || (isNew && !!new_require);\n const placeholder = isResourceName\n ? 'Type to search or create new...'\n : question_placeholder;\n const reportsFeatureTypeId = !!params.access_code ? reports_feature_type_id : '';\n const isCreatable = isResourceName || !!is_creatable;\n\n return (\n \n handleResourceName(selectedResource, formikProps, isEditingName)\n }\n handleDelete={handleDeleteResource}\n handleRemoveResource={handleRemoveResource}\n icon=\"user\"\n isNewResource={isNew && !feature.value}\n name={name}\n feature_type={feature_type}\n feature_type_id={feature_type_id}\n filename={filename}\n handleFormBlur={handleFormBlur}\n isDisabled={isDisabled}\n isLocked={isLocked}\n isPairedColumn\n isCreatable={isCreatable}\n isDetailedOptions={feature_type === 'detailed_options'}\n isFixed={isFixed}\n isRequired={isRequired}\n label={questionLabel}\n multiEntry={multi_entry_feature}\n options={updatedOptions}\n setLabel={() => {}}\n params={params}\n path={path}\n placeholder={placeholder}\n questionHelp={question_help}\n resource_id={resourceId}\n resource_name={feature.resource}\n resetValue={FeatureTypes[feature_type].value}\n resourceTypeName={resource_type}\n reports_feature_type_id={reportsFeatureTypeId}\n roomId={roomId}\n sublabel={question_comment}\n tags={tags}\n taskId={params.transactionId}\n validate={validateField}\n />\n );\n};\n\nResourceItem.propTypes = {\n formikProps: PropTypes.object,\n index: PropTypes.number,\n isLocked: PropTypes.bool,\n isNew: PropTypes.bool,\n item: PropTypes.object,\n json: PropTypes.object,\n params: PropTypes.object,\n reports_feature_type_id: PropTypes.number,\n resource: PropTypes.object,\n setIsNew: PropTypes.func,\n setSelectedResource: PropTypes.func,\n};\n\nexport default AddResourceModal;\n","import React, { useMemo } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Button } from '../common';\nimport './DataTable.scss';\nimport handlePath from '../../utils/handlePath';\nimport { FilePreviewer } from '../FilePreviewer/FilePreviewer';\nimport PropTypes from 'prop-types';\n\nconst SUBHEADERS_WITH_TYPE = ['authorized_shares', 'equity_shares', 'quarterly_revenue'];\nconst SUBHEADERS = ['email', 'investment_type', 'ip_type', 'state_type', 'equity_class'];\n\nexport const DataRow = ({\n accessCode,\n companyId,\n isAdmin,\n requiredDocumentsTotal,\n reports_feature_type_id,\n resource,\n resourceIndex,\n roomId,\n setIsModalOpen,\n setSelectedResource,\n}) => {\n const { documentsCompleted, documentItems, resourceItems } = resource;\n\n const filteredResourceItems = useMemo(() => {\n let filteredArr = [];\n let isSubheaderShowing = false;\n resourceItems.forEach(e => {\n const isSubheaderWithType = SUBHEADERS_WITH_TYPE.includes(e.feature_type.name);\n const isSubheader = SUBHEADERS.includes(e.feature_type.name);\n if (e.isDocument) {\n return;\n } else if (!isSubheaderShowing && isSubheaderWithType) {\n filteredArr[0] = {\n ...filteredArr[0],\n sublabel: e.feature.value ? `${e.label} ${e.feature_name}` : '',\n };\n isSubheaderShowing = true;\n } else if (!isSubheaderShowing && isSubheader) {\n filteredArr[0] = {\n ...filteredArr[0],\n sublabel: e.feature.value ? e.label : '',\n };\n isSubheaderShowing = true;\n } else if (e.table_view) {\n filteredArr.push(e);\n }\n });\n return filteredArr;\n }, [resourceItems]);\n\n const onResourceClick = (e, resource) => {\n if (resource.isDocument) {\n e.preventDefault();\n setSelectedResource({ ...resource, isDocsShowingInitially: true });\n setIsModalOpen(true);\n }\n };\n const onDocumentsClick = e => {\n e.preventDefault();\n setSelectedResource({ ...resource, isDocsShowingInitially: true });\n setIsModalOpen(true);\n };\n const onDocumentClick = (e, initialValue) => {\n if (initialValue) {\n e.preventDefault();\n }\n };\n\n const isDocumentsShowing = documentsCompleted > 0 || requiredDocumentsTotal > 0;\n\n return (\n {\n if (!e.defaultPrevented) {\n setSelectedResource(resource);\n setIsModalOpen(true);\n }\n }}\n >\n {filteredResourceItems.map((resourceFeature, index) => (\n onResourceClick(e, resourceFeature)}\n >\n {index === 0 && (\n <>\n {resourceFeature.label} \n {resourceFeature.sublabel && {resourceFeature.sublabel}
}\n \n )}\n {index !== 0 && (\n <>\n {resourceFeature.feature_name} \n \n {resourceFeature.label}\n {!resourceFeature.feature.value &&\n !!resourceFeature.action &&\n !accessCode && (\n <>\n \n {resourceFeature.action.link_text}\n \n \n )}\n
\n \n )}\n \n ))}\n {(documentsCompleted > 0 || requiredDocumentsTotal > 0) && (\n \n \n Documents\n {(!!documentsCompleted || requiredDocumentsTotal > 0) && (\n <>\n {' ('}\n \n view all\n \n )\n \n )}\n \n {documentItems.map(\n (doc, ind) =>\n !!doc.table_view &&\n (!!doc.initialValue || (!doc.initialValue && doc.new_require)) && (\n onDocumentClick(e, doc.initialValue)}\n key={`document-item-${ind}`}\n >\n {/* {!doc.initialValue && doc.new_require && (\n \n {doc.new_require && * }\n {doc.feature_name}\n
\n )}\n {!!doc.initialValue && (\n \n \n
Download {resource_label} Report as CSV \n \n setFilename(ev.target.value)}\n label=\"CSV Filename\"\n />\n \n {formikProps => (\n \n
\n \n );\n};\n\nfunction getCheckboxMeta(vals) {\n let isAllChecked = true;\n let isAllUnchecked = true;\n vals.forEach(val => {\n if (val === '1') {\n isAllUnchecked = false;\n } else {\n isAllChecked = false;\n }\n });\n if (isAllChecked) {\n return 'checked';\n } else if (isAllUnchecked) {\n return 'unchecked';\n } else {\n return 'indeterminate';\n }\n}\n\nconst LedgerForm = ({ formikProps, resourcesList, feature_types, handleClose }) => {\n const { values, setValues } = formikProps;\n // handleSubmit, handleChange, handleBlur, values, errors\n const [isResourcesShowing, setIsResourcesShowing] = useState(false);\n\n const valuesMeta = useMemo(() => {\n return {\n featureTypes: getCheckboxMeta(Object.values(values.featureTypes)),\n resources: getCheckboxMeta(Object.values(values.resources)),\n };\n }, [values]);\n let totalSelected = Object.values(formikProps.values.resources).filter(\n item => item === '1',\n ).length;\n\n let toggleLabel = 'Hide resources';\n if (!isResourcesShowing) {\n toggleLabel = `Edit resources to download (${totalSelected} of ${resourcesList.length} selected)`;\n }\n\n const handleFeatureTypesCheckboxes = () => {\n let featureTypes = {};\n if (\n valuesMeta.featureTypes === 'checked' ||\n valuesMeta.featureTypes === 'indeterminate'\n ) {\n Object.keys(values.featureTypes).forEach(key => {\n featureTypes[key] = '0';\n });\n } else {\n Object.keys(values.featureTypes).forEach(key => {\n featureTypes[key] = '1';\n });\n }\n setValues({ featureTypes, resources: values.resources });\n };\n\n const handleResourcesCheckboxes = () => {\n let resources = {};\n if (valuesMeta.resources === 'checked' || valuesMeta.resources === 'indeterminate') {\n Object.keys(values.resources).forEach(key => {\n resources[key] = '0';\n });\n } else {\n Object.keys(values.resources).forEach(key => {\n resources[key] = '1';\n });\n }\n setValues({ featureTypes: values.featureTypes, resources });\n };\n\n return (\n \n );\n};\n\nexport default DataLedgerModal;\n","import React, { useMemo, useState } from 'react';\nimport { useDispatch } from 'react-redux';\n\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport classNames from 'classnames';\n\nimport { Button } from '../common';\nimport './DataTable.scss';\nimport _isEmpty from 'lodash-es/isEmpty';\nimport { deleteRoomReport, swapRoomReports } from '../../redux/modules/Data/operations';\nimport AddResourceModal from '../AddResourceModal/AddResourceModal';\nimport FeatureTypes from '../../utils/FeatureTypes';\nimport { useParams } from 'react-router';\nimport handlePath from '../../utils/handlePath';\nimport SortDropdown from '../SortDropdown';\nimport dayjs from 'dayjs';\nimport customParseFormat from 'dayjs/plugin/customParseFormat';\n\nimport { DataRow } from './DataRow';\nimport { FilePreviewer } from '../FilePreviewer/FilePreviewer';\nimport DataLedgerModal from '../DataLedgerModal';\ndayjs.extend(customParseFormat);\n\nexport const massageResource = (features, featureTypes, resourceId) => {\n const isResourceEmpty = features[0]?.isResourceEmpty || false;\n const isDeletable = !features[0]?.finalized || false;\n let resourceItems = [];\n let documentItems = [];\n let documentsCompleted = 0;\n let requiredDocumentsCompleted = 0;\n let resourceName = '';\n\n featureTypes.forEach(e => {\n const featureIndex = features.findIndex(v => v.feature_type_id === e.feature_type_id);\n let feature = features[featureIndex] || {};\n if (feature.resource) {\n resourceName = feature.resource;\n }\n e.initialValue = feature.value || e.default_value || '';\n e.defaultValue = e.default_value || '';\n e.resourceId = feature.resource_id;\n\n if (\n e.feature_type.feature_type === 'boolean' &&\n (feature.value === '0' || feature.value === 'false')\n ) {\n e.initialValue = false;\n } else if (e.feature_type.feature_type === 'address') {\n let matches =\n (feature.value || '').match(/(.*)\\n(.*)\\n(.*), ([a-z\\s]*)(.*)/i) || [];\n e.defaultValue = {\n line_one: '',\n line_two: '',\n city: '',\n state: '',\n zip: '',\n };\n if (!feature.value) {\n e.initialValue = e.defaultValue;\n } else if (matches.length === 0) {\n e.defaultValue.line_one = feature.value;\n e.initialValue = e.defaultValue;\n } else {\n e.initialValue = {\n line_one: matches[1] || '',\n line_two: matches[2] || '',\n city: matches[3] || '',\n state: matches[4] || '',\n zip: matches[5] || '',\n };\n }\n } else if (e.feature_type.feature_type === 'address_universal') {\n let matches =\n (feature.value || '').match(/(.*)\\n(.*)\\n(.*), ([a-z\\s]*) (.*)?(\\n(.*))?/i) || [];\n e.defaultValue = {\n line_one: '',\n line_two: '',\n city: '',\n state: '',\n zip: '',\n country: 'United States of America',\n };\n if (!feature.value) {\n e.initialValue = e.defaultValue;\n } else if (matches.length === 0) {\n e.defaultValue.line_one = feature.value;\n e.initialValue = e.defaultValue;\n } else {\n e.initialValue = {\n line_one: matches[1] || '',\n line_two: matches[2] || '',\n city: matches[3] || '',\n state: matches[4] || '',\n zip: matches[5] || '',\n country: matches[7] || 'United States of America',\n };\n }\n } else if (e.feature_type.feature_type === 'date' && feature.value) {\n e.initialValue = dayjs(feature.value, 'MMM Do, YYYY').format('MM/DD/YYYY');\n }\n let label = feature.value || '--';\n\n if (e.feature_type.feature_type === 'percent' && feature.value) {\n label = feature.value + '%';\n } else if (e.feature_type.feature_type === 'document') {\n e.isDocument = true;\n e.initialValue = feature.value;\n\n if (feature.value) {\n documentsCompleted++;\n label = 'Preview File';\n if (e.new_require) {\n requiredDocumentsCompleted++;\n }\n }\n documentItems.push({ ...e, feature });\n } else if (\n e.feature_type.feature_type &&\n e.feature_type.feature_type.includes('address') &&\n feature.value\n ) {\n let newLabel = [];\n let splitValue = label.split('\\n');\n splitValue.forEach(e => {\n if (e.trim()) {\n newLabel.push(e);\n }\n });\n label = newLabel.join('\\n') || '--';\n }\n if (label.indexOf('|') !== -1) {\n label = label.split('|').join(', ');\n }\n if (!feature.value && !_isEmpty(e.action)) {\n label = e.action.label;\n }\n e.label = label;\n resourceItems.push({ ...e, feature });\n });\n return {\n isDeletable,\n isResourceEmpty,\n resourceItems,\n documentsCompleted,\n documentItems,\n requiredDocumentsCompleted,\n resourceId,\n resourceName,\n };\n};\n\nexport const massageResourceList = (\n resourceList,\n featureTypes,\n sortSlug,\n isSortReversed,\n) => {\n let list = Object.entries(resourceList).sort(sortTable(sortSlug));\n if (isSortReversed) {\n list.reverse();\n }\n if (list.length === 0) {\n list.push(['', [{ isResourceEmpty: true }]]);\n }\n list = list.map(([key, features]) => massageResource(features, featureTypes, key));\n return list;\n};\n\nconst sortTable = slug => (a, b) => {\n const aItem = a[1][a[1].findIndex(e => e.feature === slug)];\n const bItem = b[1][b[1].findIndex(e => e.feature === slug)];\n if (!aItem && bItem) {\n return 1;\n } else if (aItem && !bItem) {\n return -1;\n } else if (!aItem && !bItem) {\n return 0;\n }\n return FeatureTypes[aItem.feature_type].compareFunc(aItem, bItem);\n};\n\nconst DataTable = ({\n accessCode,\n accountId,\n id,\n isAdmin,\n isEditing,\n isInitCollapsed,\n json = {},\n passedParams = {},\n question_label,\n resourceListData = {},\n roomId,\n room_report_id,\n reportIndex,\n reports,\n}) => {\n const {\n allow_new,\n feature_types = [],\n links = [],\n resource_label,\n resource_type_id,\n } = json;\n const dispatch = useDispatch();\n const routeParams = useParams();\n const params = _isEmpty(passedParams) ? routeParams : passedParams;\n const { companyId } = params;\n\n const [isModalOpen, setIsModalOpen] = useState(false);\n const [isNew, setIsNew] = useState(false);\n const [selectedResource, setSelectedResource] = useState({});\n const [isSortReversed, setIsSortReversed] = useState(false);\n\n const [isCollapsed, setCollapsed] = useState(isInitCollapsed);\n const [isLedgerShowing, setIsLedgerShowing] = useState(false);\n\n let tableSortOptions = useMemo(() => {\n let sortOptions = {};\n let documentsTotal = 0;\n let requiredDocumentsTotal = 0;\n feature_types\n .filter(e => e.table_view)\n .forEach(e => {\n if (e.feature_type.feature_type === 'document') {\n documentsTotal++;\n if (e.new_require) {\n requiredDocumentsTotal++;\n }\n }\n sortOptions[e.feature_type.name] = {\n label: e.feature_name,\n slug: e.feature_type.name,\n iconType: 'a-z',\n };\n });\n return {\n documentsTotal,\n requiredDocumentsTotal,\n sortOptions: {\n ...sortOptions,\n none: {\n slug: 'none',\n label: 'None',\n },\n },\n };\n }, [feature_types]);\n\n const [sortOption, setSortOption] = useState(tableSortOptions.sortOptions.none);\n const { slug } = sortOption;\n\n const { resourcesList, tableDocumentsTotal } = useMemo(() => {\n const resourcesList = massageResourceList(\n resourceListData,\n feature_types,\n slug,\n isSortReversed,\n );\n let tableDocumentsTotal = 0;\n resourcesList.forEach(e => {\n tableDocumentsTotal += e.documentsCompleted;\n });\n return {\n resourcesList,\n tableDocumentsTotal,\n };\n }, [resourceListData, feature_types, slug, isSortReversed]);\n\n const handleCloseModal = () => {\n setIsModalOpen(false);\n setSelectedResource({});\n };\n\n const handleSortRooms = selectedOption => {\n let updatedIsSortReversed = false;\n if (selectedOption.slug === slug) {\n updatedIsSortReversed = !isSortReversed;\n }\n setIsSortReversed(updatedIsSortReversed);\n setSortOption(selectedOption);\n };\n const handleAddResourceClick = () => {\n setSelectedResource(massageResourceList([], feature_types)[0]);\n setIsNew(true);\n setIsModalOpen(true);\n };\n const handleSortUpClick = e => {\n e.preventDefault();\n dispatch(\n swapRoomReports(\n room_report_id,\n reports[reportIndex - 1].room_report_id,\n roomId,\n accountId,\n accessCode,\n ),\n );\n };\n const handleSortDownClick = e => {\n e.preventDefault();\n dispatch(\n swapRoomReports(\n room_report_id,\n reports[reportIndex + 1].room_report_id,\n roomId,\n accountId,\n accessCode,\n ),\n );\n };\n\n const isTableEmpty = resourcesList.length < 1 || resourcesList[0].isResourceEmpty;\n const isAddDataShowing =\n (!!allow_new || links.length > 0) &&\n (!accessCode || (!!accessCode && isAdmin && isEditing)) &&\n !isCollapsed;\n const isSortShowing = resourcesList.length > 1 && !isCollapsed;\n\n return (\n \n
{\n if (e.defaultPrevented || isTableEmpty) {\n return;\n }\n setCollapsed(!isCollapsed);\n }}\n className={classNames('dataTable__title', {\n 'dataTable__title--empty': isTableEmpty,\n 'dataTable__title--collapsed': isCollapsed,\n })}\n >\n \n
\n {!isTableEmpty && (\n {\n ev.preventDefault();\n setIsLedgerShowing(true);\n }}\n tooltip=\"Download Report as CSV\"\n >\n \n \n {\n e.preventDefault();\n dispatch(\n deleteRoomReport(room_report_id, roomId, accountId, accessCode),\n );\n }}\n >\n \n \n {isAddDataShowing && (\n \n {`Add${\n ['Director', 'Employee'].includes(resource_label) ? '/Remove' : ''\n } ${resource_label}`}\n \n )}\n {isSortShowing && (\n \n
Entries \n \n \n \n \n
Records \n \n \n \n \n {resourcesList.map((resource, resourceIndex) => (\n
\n )}\n setIsLedgerShowing(false)}\n />\n )}\n \n );\n};\n\nexport const CompanyTable = ({\n accessCode,\n isEmpty,\n json = {},\n passedParams,\n question_label,\n resourceListData,\n roomId,\n}) => {\n const { feature_types = [], links = [], resource_label } = json;\n const routeParams = useParams();\n const params = !_isEmpty(passedParams) ? passedParams : routeParams;\n const { companyId } = params;\n\n const [isModalOpen, setIsModalOpen] = useState(false);\n const [selectedResource, setSelectedResource] = useState({});\n\n const handleCloseModal = () => {\n setIsModalOpen(false);\n };\n const onDocumentsClick = e => {\n e.preventDefault();\n setSelectedResource({ ...companyData, isDocsShowingInitially: true });\n setIsModalOpen(true);\n };\n const onDocumentClick = (e, initialValue) => {\n if (initialValue) {\n e.preventDefault();\n }\n };\n\n const companyMeta = useMemo(() => {\n let documentsTotal = 0;\n let requiredDocumentsTotal = 0;\n feature_types.forEach(e => {\n if (e.feature_type.feature_type === 'document') {\n documentsTotal++;\n if (e.new_require) {\n requiredDocumentsTotal++;\n }\n }\n });\n return {\n documentsTotal,\n requiredDocumentsTotal,\n };\n }, [feature_types]);\n const { documentsTotal, requiredDocumentsTotal } = companyMeta;\n\n const companyData = useMemo(() => {\n if (isEmpty) {\n return [];\n }\n const companyResource = Object.entries(resourceListData || {})[0] || [];\n const companyFeatures = companyResource[1] || [];\n const companyKey = companyResource[0] || 'Your Company';\n return massageResource(companyFeatures, feature_types, companyKey);\n }, [feature_types, isEmpty, resourceListData]);\n const { resourceItems, documentsCompleted, documentItems, requiredDocumentsCompleted } =\n companyData;\n\n const allRequiredDocumentsCompleted =\n requiredDocumentsCompleted > 0 &&\n requiredDocumentsTotal === requiredDocumentsCompleted;\n // let documentsLabel = `${requiredDocumentsCompleted} of ${requiredDocumentsTotal} documents`;\n\n if (isEmpty) {\n return (\n \n
\n
Company Summary \n \n
\n
{`No Company Data Found`} \n \n
\n
\n
{question_label} \n {\n if (!e.defaultPrevented) {\n setSelectedResource(companyData);\n setIsModalOpen(true);\n }\n }}\n >\n \n
\n {!resourceItems && (\n
{`No ${resource_label} Data Found`} \n )}\n {resourceItems\n .filter(e => e.table_view && !e.isSublabel && !e.isDocument)\n .map((item, index) => (\n
\n {index === 0 && (\n <>\n {item.label} \n {item.sublabel && {item.sublabel}
}\n \n )}\n {index !== 0 && (\n <>\n {item.feature_name} \n \n {item.label}\n {!item.value && !!item.action && !accessCode && (\n <>\n \n {item.action.link_text}\n \n \n )}\n
\n \n )}\n \n ))}\n {(documentsCompleted > 0 || requiredDocumentsTotal > 0) && (\n
\n \n Documents:\n {(!!documentsCompleted || requiredDocumentsTotal > 0) && (\n <>\n {' ('}\n \n view all\n \n )\n \n )}\n \n {documentItems.map(\n (doc, ind) =>\n !!doc.table_view &&\n (!!doc.initialValue || (!doc.initialValue && doc.new_require)) && (\n onDocumentClick(e, doc.initialValue)}\n key={`document-item-${ind}`}\n >\n {!doc.initialValue && (\n \n {doc.new_require && * }\n {doc.feature_name}\n
\n )}\n {!!doc.initialValue && (\n \n required document{requiredDocumentsTotal > 1 && 's'}: \n {documentItems.map(\n (document, ind) =>\n document.new_require && (\n \n \n )} */}\n \n )}\n \n {links.map(\n (link, ind) =>\n link.table_view && (\n \n \n {link.link_text}\n \n \n ),\n )}\n {}}\n setSelectedResource={() => {}}\n />\n \n );\n};\n\nexport default DataTable;\n","import {\n CLEAR_ERRORS,\n MERGE_SUBSCRIPTION,\n REMOVE_METHOD,\n SET_ERROR,\n SET_INVOICE,\n SET_SUBSCRIPTION_PREVIEW,\n} from './types';\n\nexport function removeMethod(methodId) {\n return {\n type: REMOVE_METHOD,\n payload: { methodId },\n };\n}\n\nexport function setInvoice(payload) {\n return {\n type: SET_INVOICE,\n payload,\n };\n}\n\nexport function mergeSubscription(payload) {\n return {\n type: MERGE_SUBSCRIPTION,\n payload,\n };\n}\n\nexport function setSubscriptionPreview(payload) {\n return {\n type: SET_SUBSCRIPTION_PREVIEW,\n payload,\n };\n}\n\nexport function setError(payload) {\n return {\n type: SET_ERROR,\n payload,\n };\n}\n\nexport function clearErrors() {\n return {\n type: CLEAR_ERRORS,\n };\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport classnames from 'classnames';\n\nimport { InputFeedback, InputHelp, InputSublabel } from '../';\n\nconst InputCheckbox = props => {\n const {\n error,\n name,\n value,\n checked,\n isDisabled,\n type,\n display,\n label,\n labelStyle,\n questionHelp,\n sublabel,\n onClick,\n flipLabel = false,\n } = props;\n\n const input = (\n \n \n {!flipLabel && (\n \n \n {input} \n
\n \n {label}\n {questionHelp &&
\n \n )}\n {flipLabel && (\n \n \n {label}\n {questionHelp &&
\n \n {input} \n
\n \n )}\n \n {sublabel} \n {children}
\n ) : (\n {children} \n );\n\nInputCheckbox.propTypes = {\n checked: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),\n isDisabled: PropTypes.oneOfType([PropTypes.bool, PropTypes.number]),\n type: PropTypes.oneOf(['radio', 'checkbox']),\n display: PropTypes.oneOf(['stacked', 'inline']),\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n label: PropTypes.node.isRequired,\n name: PropTypes.string.isRequired,\n onClick: PropTypes.func.isRequired,\n error: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n};\n\nInputCheckbox.defaultProps = {\n display: 'stacked',\n value: false,\n isDisabled: false,\n checked: false,\n name: '',\n type: 'checkbox',\n sublabel: null,\n error: null,\n onClick: () => {},\n};\n\nexport default InputCheckbox;\n","import React from 'react';\n\nimport classnames from 'classnames';\n\nimport InputStyledCheckbox from '../../common/InputStyledCheckbox/InputStyledCheckbox';\nimport { InputFeedback, InputHelp, InputSublabel } from '..';\n\nimport './InputCheckboxGroup.scss';\nimport { isArray } from 'lodash-es';\n\nconst CheckboxGroup = ({\n value,\n name,\n error,\n onChange,\n children,\n className,\n isDisabled,\n label,\n options,\n questionHelp,\n sublabel,\n type,\n ...otherProps\n}) => {\n const updatedOptions = isArray(options)\n ? options\n : options.split(',').map(e => ({ label: e, value: e }));\n let valuesArr = type === 'radio' ? [value] : (value || '').split('|');\n const handleChange = ({ target }) => {\n const optionIndex = updatedOptions.findIndex(\n e => e === target.value || e.label === target.value,\n );\n if (type === 'radio') {\n return onChange(updatedOptions[optionIndex].value);\n }\n let checked = valuesArr.indexOf(target.value) !== -1;\n if (!valuesArr[0]) {\n valuesArr.pop();\n }\n if (!checked) {\n valuesArr.push(target.value);\n } else {\n valuesArr.splice(valuesArr.indexOf(target.value), 1);\n }\n return onChange(valuesArr.join('|'));\n };\n\n const classes = classnames(\n 'input-checkbox-group__container',\n {\n 'input-checkbox-group__container--error': !!error,\n 'input-checkbox-group__container--disabled': isDisabled,\n },\n className,\n );\n\n const labelClass = 'input-checkbox-group__label';\n return (\n \n
\n \n {label}\n {questionHelp && \n {children ||\n updatedOptions.map((option, index) => {\n let checked = option.value === value;\n if (type === 'checkbox') {\n checked = valuesArr.indexOf(option.value) !== -1;\n }\n return (\n
\n
{sublabel} \n
\n
\n
\n
\n {label}\n {isRequired && * }\n {questionHelp && \n
{\n if (!e.target.value) {\n setIsActive(false);\n }\n onBlur(e);\n }}\n onChange={onChange}\n onFocus={e => {\n setIsActive(true);\n onFocus(e);\n }}\n ref={inputRef}\n type={updatedType}\n value={value}\n />\n {hasToggle && (\n \n
\n )}\n \n
{sublabel} \n
\n
\n
\n {label && (\n
\n {label}\n {!!isRequired && * }\n {questionHelp && {\n if (e.key === 'Enter') {\n onBlur(e);\n }\n }}\n isValid={handleIsValid}\n onFocus={e => {\n setIsActive(true);\n if (!numberInput) {\n setNumberInput('+1');\n onChange('+1');\n } else if (numberInput && !numberInput.includes('+')) {\n setNumberInput('+1 ' + numberInput);\n onChange('+1 ' + numberInput);\n }\n onFocus(e);\n }}\n onBlur={(e, country) => {\n let updatedEvent = e;\n if (!e.target.value) {\n setIsActive(false);\n }\n if (e.target.value === '+1') {\n updatedEvent.target.value = '';\n setNumberInput('');\n setIsActive(false);\n return onChange('', true);\n }\n onBlur(updatedEvent, country);\n }}\n onChange={(inputVal, country, e, formattedValue) => {\n setNumberInput(formattedValue);\n onChange(formattedValue);\n }}\n ref={ref}\n type=\"tel\"\n value={numberInput}\n placeholder={inputPlaceholder}\n />\n {(!numberInput || numberInput[0] !== '+') && (\n \n
\n )}\n \n
\n {error &&
}\n
\n Saved {data.label}(s) \n {data.options.length} \n
\n );\n };\n\n return (\n \n
\n {label && (\n \n {label}\n {!!isRequired && * }\n {questionHelp && isGrouped && formatGroupLabel(e)}\n isClearable\n isDisabled={isFixed || isDisabled}\n isMulti={isMulti}\n isSearchable={isSearchable}\n id={props.id || name}\n menuPlacement=\"auto\"\n menuShouldScrollIntoView\n name={name}\n noOptionsMessage={() => 'No Options. Start typing to create new option.'}\n openMenuOnFocus\n options={options}\n onBlur={e => {\n if (!e.target.value) {\n setIsActive(false);\n }\n onBlur(e);\n }}\n onChange={onChange}\n onFocus={e => {\n setIsActive(true);\n onFocus(e);\n document\n .querySelector(`[for=\"${name}\"]`)\n .classList.add(bem('label--active'));\n }}\n placeholder={placeholder || defaultPlaceholder}\n value={value}\n styles={customStyles}\n {...restOfProps}\n />\n )}\n {!isCreatable && (\n isGrouped && formatGroupLabel(e)}\n isClearable={isClearable}\n isDisabled={isFixed || isDisabled}\n isMulti={isMulti}\n isSearchable={isSearchable}\n id={props.id || name}\n menuPlacement=\"auto\"\n menuShouldScrollIntoView\n name={name}\n options={options}\n onBlur={e => {\n if (!e.target.value) {\n setIsActive(false);\n }\n onBlur(e);\n }}\n onChange={onChange}\n onFocus={e => {\n setIsActive(true);\n onFocus(e);\n document\n .querySelector(`[for=\"${name}\"]`)\n .classList.add(bem('label--active'));\n }}\n openMenuOnFocus\n placeholder={placeholder || defaultPlaceholder}\n styles={customStyles}\n value={value}\n {...restOfProps}\n />\n )}\n {sublabel} \n {text} ;\n }\n if (children) {\n return typeof children === 'string' ? (\n {children} \n ) : (\n children\n );\n }\n return null;\n};\n\nexport default InputSublabel;\n","import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport classnames from 'classnames';\n\nimport { InputFeedback, InputHelp, InputSublabel } from '..';\n\nimport './InputStyledTextField.scss';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { Tooltip } from '../../common';\n\nconst bem = elementName => `styled-text-field${elementName ? '__' + elementName : ''}`;\n\nconst TextField = forwardRef(\n (\n {\n autoComplete,\n autoFocus,\n customClass,\n defaultPlaceholder,\n placeholder,\n error,\n handleOnCopyClick,\n inputClassName,\n isCopyable,\n isDataHidden,\n isDisabled,\n isFetching,\n isFixed,\n isRequired,\n questionHelp,\n label,\n myType,\n name,\n onKeyDown,\n onKeyPress,\n onFocus,\n onBlur,\n onChange,\n savedValue,\n sublabel,\n type,\n value,\n },\n ref,\n ) => {\n const defaultRef = useRef(null);\n const inputRef = ref || defaultRef;\n const inputPlaceholder = placeholder || defaultPlaceholder;\n const wrapperClasses = classnames(bem('wrapper'), {\n [bem('wrapper--error')]: !!error,\n [bem('wrapper--hidden')]: isDataHidden,\n [bem('wrapper--copyable')]: isCopyable,\n [bem('wrapper--percent')]: myType === 'percent',\n [bem('wrapper--disabled')]: isFixed || isDisabled,\n [bem('wrapper--padded-top')]: label.length > 100,\n });\n let updatedVal = value;\n if (updatedVal === null || updatedVal === undefined) {\n updatedVal = '';\n }\n updatedVal = updatedVal.trimStart();\n\n const [isActive, setIsActive] = useState(\n !!updatedVal || (!updatedVal && inputPlaceholder),\n );\n\n useEffect(() => {\n const trimVal = value.trim();\n if (!isActive && (trimVal || (!trimVal && inputPlaceholder))) {\n setIsActive(true);\n }\n }, [isActive, value, inputPlaceholder]);\n\n return (\n \n \n {label && (\n
\n {label}\n {!!isRequired && * }\n {questionHelp && {\n if (onKeyPress) {\n onKeyPress(e);\n } else if (e.key === 'Enter') {\n onBlur(e);\n }\n }}\n onFocus={e => {\n setIsActive(true);\n if (e.target.value !== value) {\n onChange(e);\n }\n onFocus(e);\n }}\n onBlur={e => {\n if (!e.target.value) {\n setIsActive(false);\n }\n if (e.target.value.trim() === savedValue) {\n return;\n }\n onBlur(e);\n }}\n onChange={onChange}\n placeholder={placeholder || defaultPlaceholder}\n ref={inputRef}\n type={type}\n value={updatedVal}\n name={name}\n />\n {isCopyable && (\n <>\n \n
\n )}\n \n {label && (\n \n {label}\n {!!isRequired && * }\n {questionHelp && \n )}\n {sublabel} \n \n {!!label && (\n \n {label}\n {questionHelp && \n )}\n \n {options.map(option => (\n
\n {sublabel} \n onClick(option, mode)}\n >\n {label}\n \n );\n};\n\nexport default MultiToggle;\n","import { useEffect, useRef } from 'react';\n\nexport default function useInterval(callback, delay) {\n const savedCallback = useRef();\n\n // Remember the latest callback.\n useEffect(() => {\n savedCallback.current = callback;\n }, [callback]);\n\n // Set up the interval.\n useEffect(() => {\n // Set async to stop `[Violation] 'setInterval' handler took ms chrome` warning.\n const tick = async () => {\n await savedCallback.current();\n };\n if (delay !== null) {\n let id = setInterval(tick, delay);\n return () => clearInterval(id);\n }\n }, [delay]);\n}\n","import { combineReducers } from 'redux';\n\nimport isObject from 'lodash-es/isObject';\n\nimport { createReducer } from '../../utils';\nimport {\n CLEAR_NOTICE,\n CLEAR_NOTICES,\n CLOSE_TERMS_MODAL,\n CLOSE_USER_DROPDOWN,\n OPEN_TERMS_MODAL,\n OPEN_USER_DROPDOWN,\n SET_NOTICE,\n SET_SEARCH,\n SET_SIDEBAR_COLLAPSED,\n CLEAR_SEARCH,\n SET_BRAND_META,\n} from './types';\n\nconst isTermsModalOpen = createReducer(false)({\n [OPEN_TERMS_MODAL]: (state, action) => true,\n [CLOSE_TERMS_MODAL]: (state, action) => false,\n});\n\nconst isUserDropdownOpen = createReducer(false)({\n [OPEN_USER_DROPDOWN]: (state, action) => true,\n [CLOSE_USER_DROPDOWN]: (state, action) => false,\n});\n\nconst notices = createReducer([])({\n [SET_NOTICE]: (state, action) => {\n const updatedState = state.slice();\n if (state.length > 2) {\n updatedState.pop();\n }\n if (isObject(action.payload)) {\n updatedState.push(action.payload);\n } else {\n updatedState.push({ type: 'success', message: action.payload });\n }\n return updatedState;\n },\n [CLEAR_NOTICE]: (state, action) => {\n let updatedState = state.slice();\n const noticeIndex = updatedState.findIndex(e => e.message === action.payload.message);\n if (noticeIndex !== -1) {\n updatedState.splice(noticeIndex, 1);\n } else {\n updatedState.pop();\n }\n return updatedState;\n },\n [CLEAR_NOTICES]: (state, action) => [],\n});\n\nconst search = createReducer('')({\n [SET_SEARCH]: (state, action) => action.input,\n [CLEAR_SEARCH]: (state, action) => '',\n});\n\nconst brandMeta = createReducer({})({\n [SET_BRAND_META]: (state, action) => action.payload,\n});\n\nconst isSidebarCollapsed = createReducer(false)({\n [SET_SIDEBAR_COLLAPSED]: (state, action) => action.collapsed,\n});\n\nexport default combineReducers({\n isTermsModalOpen,\n isUserDropdownOpen,\n notices,\n search,\n isSidebarCollapsed,\n brandMeta,\n});\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { ReactComponent as SavviLoadingSVG } from '../../assets/images/savvi_loading.svg';\n\nimport './SavviLoading.scss';\n\nconst SavviLoading = ({ customClass, color, size }) => (\n {\n if (hashContains(item.path.hash)) {\n removeHash(item);\n return;\n }\n addHash(item);\n }}\n className=\"navlink__tag\"\n activeClassName=\"selected\"\n to={generatePath(item)}\n isActive={() => hashContains(item.path.hash)}\n >\n {item.label}\n {item.isItemLengthShowing && (\n <>\n {' ('}\n {item.itemLength} \n {')'}\n \n )}\n \n );\n};\n\nSavviNavLink.propTypes = {\n item: PropTypes.shape({\n path: PropTypes.object,\n label: PropTypes.string,\n isItemLengthShowing: PropTypes.bool,\n itemLength: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n }),\n parentPathname: PropTypes.string.isRequired,\n passedState: PropTypes.object,\n isRoom: PropTypes.bool,\n};\nSavviNavLink.defaultProps = {\n item: {},\n parentPathname: '/home',\n};\n\nconst SavviNavLinkBar = ({\n label,\n navLinkItems,\n parentPathname,\n passedState,\n isRoom,\n}) => {\n const { clearHash, noHash } = useMultiHash(parentPathname, passedState, isRoom);\n return (\n \n {navLinkItems.length > 0 &&
{label}:
}\n {navLinkItems.map(\n item =>\n !item.isHiding && (\n
\n ),\n )}\n {navLinkItems.length > 0 && !noHash() && (\n
clearHash()}\n >\n Clear\n \n )}\n \n {label && (\n
\n {label}\n {isRequired && * }\n {questionHelp && \n )}\n
\n {isUniversal && (\n
handleAddressBlur('country', e.target.value)}\n name={`${fieldName}.country`}\n options={CountryData}\n label=\"Country\"\n validate={(isAddressStarted || isRequired) && validateSelect}\n />\n )}\n handleAddressBlur('line_one', e.target.value)}\n name={`${fieldName}.line_one`}\n label=\"Street address, P.O. box\"\n validate={(isAddressStarted() || isRequired) && validateString}\n />\n handleAddressBlur('line_two', e.target.value)}\n name={`${fieldName}.line_two`}\n label=\"Apartment, suite, unit, building, floor, etc.\"\n />\n \n
\n handleAddressBlur('city', e.target.value)}\n name={`${fieldName}.city`}\n label=\"City\"\n validate={(isAddressStarted() || isRequired) && validateString}\n />\n
\n
\n {(countryVal === 'United States of America' || !isUniversal) && (\n handleAddressBlur('state', e.target.value)}\n isCreatable={!!isUniversal}\n name={`${fieldName}.state`}\n options={options}\n label={isUniversal ? 'State/Province/Region' : 'State'}\n questionHelp=\"You can type out your Province or Region even if it's not in the list.\"\n validate={(isAddressStarted() || isRequired) && validateSelect}\n />\n )}\n {isUniversal && countryVal !== 'United States of America' && (\n handleAddressBlur('state', e.target.value)}\n name={`${fieldName}.state`}\n label={'State/Province/Region'}\n validate={(isAddressStarted() || isRequired) && validateString}\n />\n )}\n
\n
\n handleAddressBlur('zip', e.target.value)}\n myType=\"zip\"\n name={`${fieldName}.zip`}\n label={isUniversal ? 'Postal Code' : 'Zip'}\n validate={\n countryVal === 'United States of America' &&\n (isAddressStarted() || isRequired) &&\n validateZip\n }\n />\n
\n
{\n field.onChange(e);\n }}\n error={error}\n checked={value}\n {...field}\n {...props}\n />\n );\n }\n}\n\nexport default Checkbox;\n","import React from 'react';\n\nimport classnames from 'classnames';\nimport get from 'lodash-es/get';\n\nimport InputStyledCheckbox from '../../common/InputStyledCheckbox/InputStyledCheckbox';\nimport { InputFeedback, InputHelp, InputSublabel } from '../../inputs';\n\nimport './CheckboxGroup.scss';\n\nconst CheckboxGroup = ({\n children,\n className,\n field,\n form,\n handleFormBlur,\n isDisabled,\n isRequired,\n label,\n options,\n questionHelp,\n sublabel,\n type,\n ...otherProps\n}) => {\n const updatedOptions = options.split(',');\n const { name } = field;\n const { errors, setFieldValue, touched, values } = form;\n let isTouched = get(touched, name, false);\n const handleChange = ({ target }) => {\n if (type === 'radio') {\n handleFormBlur({ target: { value: target.value } });\n return setFieldValue(name, target.value);\n }\n\n let valuesArr = get(values, name, '').split('|');\n let checked = valuesArr.indexOf(target.value) !== -1;\n if (!valuesArr[0]) {\n valuesArr.pop();\n }\n if (!checked) {\n valuesArr.push(target.value);\n } else {\n valuesArr.splice(valuesArr.indexOf(target.value), 1);\n }\n handleFormBlur({ target: { value: valuesArr.join('|') } });\n return setFieldValue(name, valuesArr.join('|'));\n };\n\n const error = isTouched && get(errors, name, null);\n\n const classes = classnames(\n 'checkbox-group__container',\n {\n 'checkbox-group__container--error': !!error,\n 'checkbox-group__container--disabled': isDisabled,\n },\n className,\n );\n\n const labelClass = 'checkbox-group__label';\n return (\n \n
\n \n {label}\n {!!isRequired && * }\n {questionHelp && \n {children ||\n updatedOptions.map((option, index) => {\n let checked = option === field.value;\n if (type === 'checkbox') {\n checked = get(values, name, '').split('|').indexOf(option) !== -1;\n }\n return (\n
\n
{sublabel} \n
\n
\n {!!(label || '').trim() && {label} }\n {markdown} \n
\n );\n};\n\nexport default Comment;\n","import React, { Fragment, useCallback, useState } from 'react';\n// import React, { Fragment, useCallback, useEffect, useState } from 'react';\n// import enLocaleData from 'react-intl/locale-data/en';\n\n// Not needed unless working with non \"en\" locales\n// import { addLocaleData } from 'react-intl';\n// import enLocaleData from 'react-intl/locale-data/en';\n\nimport { useDispatch, useSelector } from 'react-redux';\nimport { withRouter } from 'react-router-dom';\n\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport ContentPicker from 'box-ui-elements/es/elements/content-picker';\nimport ContentPreview from 'box-ui-elements/es/elements/content-preview';\nimport messages from 'box-ui-elements/i18n/en-US';\nimport classnames from 'classnames';\nimport { Field } from 'formik';\nimport { startCase } from 'lodash-es';\nimport get from 'lodash-es/get';\nimport isEmpty from 'lodash-es/isEmpty';\n\nimport savviLogo from '../../../assets/images/savvi_logo.svg';\nimport { BoxToken } from '../../../redux/modules/Cabinet/selectors';\nimport {\n createCustomDocument,\n updateCustomDocument,\n} from '../../../redux/modules/Transaction/operations';\nimport {\n MyTemplatesWithHooks,\n isFetchingWithHooks,\n} from '../../../redux/modules/Transaction/selectors';\nimport { setNotice } from '../../../redux/modules/UI/actions';\nimport FeatureTypes from '../../../utils/FeatureTypes';\nimport { InputHelp, InputStyledTextField } from '../../inputs';\nimport { Select, TextField } from '..';\n\nimport './FormCustomDoc.scss';\nimport { Button } from '../../common';\n\nconst allowedExts = ['pdf', 'doc', 'docx', 'txt', 'rtf', 'odt', 'wpd'];\n\nconst FormCustomDoc = ({\n customDoc,\n customDocIndex,\n field: { name, value },\n form: { errors, setFieldValue, status, touched, values },\n questionHelp,\n handleFormValidation,\n isSubmitAttempted,\n params,\n label,\n sublabel,\n}) => {\n const dispatch = useDispatch();\n\n const { account_task_id, custom_document, task_template_id } = customDoc;\n\n const boxToken = useSelector(BoxToken);\n const myTemplates = useSelector(MyTemplatesWithHooks);\n const isFetching = useSelector(isFetchingWithHooks);\n\n const [isPreviewShowing, setPreviewShowing] = useState(false);\n const [selectedDocId, setSelectedDocId] = useState('');\n\n const [isCustomDocShowing, setCustomDocShowing] = useState(!isEmpty(custom_document));\n const [selectedFolderId, setSelectedFolderId] = useState('');\n\n const [isEditingDocName, setEditingDocName] = useState(false);\n const [customDocName, setCustomDocName] = useState(\n (!isEmpty(custom_document) && custom_document.filename) || '',\n );\n const [updatedDocName, setUpdatedDocName] = useState('');\n\n const pickerRef = useCallback(node => {\n if (node !== null) {\n node.scrollIntoView();\n }\n }, []);\n\n // useEffect(() => {\n // addLocaleData(enLocaleData);\n // }, [dispatch]);\n\n const apiError = get(status, name, false);\n const isTouched = get(touched, name, false);\n const error = apiError || (isTouched && get(errors, name, null));\n\n return (\n \n {!isCustomDocShowing && (\n <>\n \n {label}\n {questionHelp && \n {!selectedFolderId && (\n ({ label: e.folder_name, value: e.id }))}\n handleFormBlur={e => {\n setSelectedFolderId(e.target.value);\n }}\n isRequired\n />\n )}\n {boxToken && selectedFolderId && !isPreviewShowing && (\n <>\n \n {\n document.querySelector('.bcu .bcu-footer').scrollIntoView();\n if (!allowedExts.includes(e[0].name.split('.').reverse()[0])) {\n dispatch(\n setNotice({\n type: 'error',\n message: `Unable to upload file type. Please choose one of the following types: ${allowedExts.join(\n ', ',\n )}`,\n }),\n );\n setTimeout(() =>\n document.querySelector('.bcu .bcu-item-action button').click(),\n );\n }\n },\n onUpload: e => {\n setSelectedDocId(e.id);\n setPreviewShowing(true);\n },\n }}\n maxSelectable={1}\n onChoose={e => {\n setSelectedDocId(e[0].id);\n setPreviewShowing(true);\n }}\n // language=\"en-US\"\n messages={messages}\n />\n
\n \n
\n setSelectedFolderId('')}\n >\n Select Different Folder\n \n \n )}\n {isPreviewShowing && (\n <>\n \n {\n setPreviewShowing(false);\n setSelectedDocId('');\n }}\n />\n
\n \n
\n \n {\n setPreviewShowing(false);\n setSelectedDocId('');\n }}\n >\n Choose Different Document\n \n {\n dispatch(\n createCustomDocument(\n {\n file_id: selectedDocId,\n account_task_id,\n task_template_id,\n },\n params.transactionId,\n ),\n ).then(payload => {\n setCustomDocShowing(true);\n setSelectedDocId('');\n setPreviewShowing(false);\n setCustomDocName(\n payload.custom_documents[0].custom_document.filename,\n );\n if (isSubmitAttempted) {\n handleFormValidation();\n }\n });\n }}\n >\n Select Document\n \n
\n \n )}\n \n )}\n {isCustomDocShowing && (\n <>\n \n
\n Document Name: \n {!isEditingDocName && (\n <>\n {customDocName}\n {custom_document.tokens.length > 0 && (\n {\n setUpdatedDocName(customDocName);\n setEditingDocName(true);\n }}\n icon={['fal', 'edit']}\n />\n )}\n \n )}\n {isEditingDocName && (\n setUpdatedDocName(e.target.value)}\n onBlur={e => {\n const {\n target: { value },\n } = e;\n if (value !== custom_document.filename && value !== '') {\n dispatch(\n updateCustomDocument(\n {\n ...custom_document,\n filename: value,\n },\n customDocIndex,\n params.transactionId,\n ),\n ).then(payload => {\n setCustomDocName(updatedDocName);\n setEditingDocName(false);\n });\n }\n }}\n />\n )}\n \n \n {custom_document.tokens.length === 0 && (\n <>\n Document Tokens: \n \n \n Custom Document Guidelines\n {' '}\n on how to set up a Custom Document.\n
\n \n )}\n {custom_document.tokens.length > 0 && (\n <>\n \n Document Tokens:\n {isEmpty(custom_document.notes) && (\n * \n )}\n \n {custom_document.tokens.map((token, index) => {\n const noteIndex = get(custom_document, 'notes', []).findIndex(\n note => note.token === token,\n );\n let note = {};\n if (noteIndex !== -1) {\n note = custom_document.notes[noteIndex];\n }\n return (\n \n \n Token #{index + 1}: \n {token}\n {noteIndex !== -1 && * }\n
\n {!isEmpty(note) && (\n \n \n *{note.level}- {note.message}\n \n
\n )}\n \n );\n })}\n {isEmpty(custom_document.notes) && (\n \n \n * If these look\n incorrect, please view our{' '}\n \n Custom Document Guidelines\n {' '}\n about correctly setting up tokens.\n \n
\n )}\n \n )}\n {get(custom_document, 'notes', []).findIndex(e => !e.token) !== -1 && (\n <>\n Other Notes: \n {custom_document.notes.map(\n (e, ind) =>\n !e.token && (\n \n - {e.message} \n
\n ),\n )}\n \n )}\n {!custom_document.valid && custom_document.tokens.length > 0 && (\n \n \n Custom Document Guidelines\n {' '}\n on how to set up a Custom Document.\n
\n )}\n {!!custom_document.valid && Object.keys(custom_document.fields).length > 0 && (\n <>\n \n \n {Object.entries(custom_document.fields).map(\n ([fieldKey, fieldVal], index) => {\n return (\n {\n let updatedFields = {\n ...custom_document.fields,\n [fieldKey]: { role: fieldVal.role, value: e.target.value },\n };\n\n dispatch(\n updateCustomDocument(\n {\n ...custom_document,\n fields: updatedFields,\n },\n customDocIndex,\n params.transactionId,\n ),\n ).then(e => {\n if (isSubmitAttempted) {\n handleFormValidation();\n }\n });\n }}\n label={startCase(fieldKey)}\n name={`${name}.fields.${fieldKey}`}\n params={params}\n isRequired\n validate={get(\n FeatureTypes,\n `${fieldKey}.validate`,\n FeatureTypes.name.validate,\n )}\n />\n );\n },\n )}\n \n )}\n {!!custom_document.valid && custom_document.recipients.length > 0 && (\n <>\n \n \n {custom_document.recipients.map((recipient, index) =>\n Object.entries(recipient).map(([recipientKey, recipientVal], ind) => {\n if (recipientKey === 'role') {\n return (\n \n \n Recipient #{index + 1}: {recipientVal}\n
\n \n );\n }\n return (\n {\n let updatedRecipients = custom_document.recipients\n .slice()\n .map((individual, recipientIndex) => {\n let updatedIndividual = individual;\n if (recipientIndex === index) {\n updatedIndividual[recipientKey] = e.target.value;\n }\n return updatedIndividual;\n });\n\n dispatch(\n updateCustomDocument(\n {\n ...custom_document,\n recipients: [...updatedRecipients],\n },\n customDocIndex,\n params.transactionId,\n ),\n ).then(e => {\n if (isSubmitAttempted) {\n handleFormValidation();\n }\n });\n }}\n label={startCase(recipientKey)}\n name={`${name}.recipients[${index}].${recipientKey}`}\n params={params}\n isRequired\n validate={FeatureTypes[recipientKey].validate}\n />\n );\n }),\n )}\n \n )}\n setCustomDocShowing(false)}\n >\n Select Different Document\n \n \n )}\n {/* \n \n {label}\n {!!isRequired && * }\n {questionHelp && \n {/* {isLocked && (\n {!!value ? 'File saved' : 'File not saved'}
\n )} */}\n {\n handleFormBlur({ target: { value } });\n setFieldValue(name, value);\n }}\n path={path}\n push={history.push}\n reports_feature_type_id={reports_feature_type_id}\n resource_id={resource_id}\n resource_name={resource_name}\n roomId={roomId}\n tags={tags}\n />\n {\n if (isTouched) {\n if (!inputVal && !isRequired) {\n return true;\n } else if (!inputVal && isRequired) {\n return false;\n } else if (\n country.dialCode === '1' &&\n inputVal.length > 0 &&\n inputVal.length < 11\n ) {\n return false;\n } else if (inputVal.match(/12345/)) {\n return false;\n } else if (inputVal.match(/1234/)) {\n return false;\n }\n return true;\n }\n return true;\n }}\n isRequired={isRequired}\n name={name}\n onBlur={(event, country) => {\n setFieldTouched(name);\n const passedVal = event.target.value;\n if (!passedVal && !isRequired) {\n } else if (!passedVal && isRequired) {\n setFieldError(name, 'Phone number required');\n } else if (\n country.dialCode === '1' &&\n passedVal.length > 0 &&\n passedVal.length < 17\n ) {\n setFieldError(name, 'Full phone number required.');\n } else if (passedVal.match(/12345/)) {\n setFieldError(name, 'Invalid value: ' + value + ', ' + country.name);\n } else if (passedVal.match(/1234/)) {\n setFieldError(name, 'Invalid value');\n }\n handleFormBlur(event);\n }}\n onChange={(updatedValue, isBlur) => {\n setFieldValue(name, updatedValue);\n if (isBlur) {\n const updatedSavedVal = savedValue || '';\n setFieldTouched(name);\n if (!updatedValue && isRequired) {\n setFieldError(name, 'Phone number required.');\n }\n if (updatedValue !== updatedSavedVal) {\n handleFormBlur({ target: { value: updatedValue } });\n }\n }\n }}\n value={value}\n {...props}\n />\n );\n};\n\nexport default PhoneNumber;\n","import React from 'react';\n\nimport './ResourceList.scss';\nimport DataTable from '../../DataTable/DataTable';\nimport { InputHelp } from '../../inputs';\nimport { useSelector } from 'react-redux';\nimport { AccountInfo } from '../../../redux/modules/Formation/selectors';\n\nconst ResourceList = props => {\n let {\n featureProps: { json, question_text, question_label, resourceListData },\n params,\n questionHelp,\n } = props;\n\n const { id } = useSelector(AccountInfo);\n\n const resourcesArr = Object.entries(resourceListData);\n if (json.resource_type_id === 2 && resourcesArr.length > 1) {\n let companyIndex = resourcesArr.findIndex(\n ([key, val]) => (val[0]?.account_id || '') === id,\n );\n if (companyIndex === -1) {\n companyIndex = 0;\n } else {\n resourceListData = {\n [resourcesArr[companyIndex][0]]: resourcesArr[companyIndex][1],\n };\n }\n }\n\n return (\n \n
\n {question_text || question_label}\n {questionHelp && \n \n Created in Shared Form \n )}\n {!props.data.finalized && !props.data.__isNew__ && !props.data.is_state && (\n \n this.props.handleDelete(props.data.resourceId, props.data.label)\n }\n buttonType=\"icon\"\n isWarning\n size=\"sm\"\n tooltip=\"Remove from List\"\n tooltipAlign=\"right\"\n type=\"button\"\n >\n \n {\n const { target: { value } = {} } = e;\n if (isEmpty(trim(value))) {\n setFieldValue(name, this.state.initVal);\n this.setState({ isEditable: false });\n return;\n }\n if (isLabel) {\n setLabel(value);\n }\n onBlur(e);\n // second param used as 'isEditingName' in AddResourceModal.js\n handleResourceName(value, true);\n this.setState({\n isEditable: false,\n initVal: value,\n });\n }}\n onChange={onChange}\n value={get(fieldValue, 'value', fieldValue)}\n {...props}\n />\n {!isFixed && !isDisabled && !isDraftResource && (\n \n \n this.setState({ isEditable: true }, () =>\n this.textInput.current.focus(),\n )\n }\n >\n Edit Saved Name\n \n \n Remove {resourceTypeCustomLabel}\n \n \n )}\n
\n )}\n {isNewResource && (\n {\n setFieldTouched(name, true);\n }}\n onChange={(value, { action }) => {\n if (action === 'clear' && isEmpty(value) && isEmpty(updatedVal)) {\n return;\n }\n setFieldValue(name, value);\n return handleResourceName(value);\n }}\n onInputChange={(inputValue, { action }) => {\n if (action === 'input-blur') {\n this.setState({ changeOnBlur: true });\n } else if (action !== 'menu-close') {\n this.setState({ inputValue });\n }\n }}\n value={updatedVal}\n options={updatedOptions}\n {...props}\n />\n )}\n \n );\n }\n}\n\nResourceSelect.defaultProps = {\n handleChangeResource: () => {},\n handleFormBlur: () => {},\n handleResourceName: () => {},\n options: [],\n};\n\nexport default ResourceSelect;\n","import React, { Component } from 'react';\n\nimport get from 'lodash-es/get';\nimport isEmpty from 'lodash-es/isEmpty';\nimport startCase from 'lodash-es/startCase';\nimport toLower from 'lodash-es/toLower';\n\nimport FeatureTypes from '../../../utils/FeatureTypes';\nimport { InputSelect } from '../../inputs';\n\nimport './Select.scss';\n\nclass Select extends Component {\n constructor(props) {\n super(props);\n this.state = {\n inputValue: '',\n options: [],\n };\n }\n\n componentDidMount() {\n let { options } = this.props;\n if (!Array.isArray(options) && !options[0].value) {\n options = options.split(',').map(resource => ({\n value: resource,\n label: resource,\n }));\n }\n this.setState({ options });\n }\n\n componentDidUpdate(prevProps, prevState) {\n let { changeOnBlur, inputValue, onChangeHit } = this.state;\n let { options } = this.props;\n if (prevProps.options && prevProps.options !== options) {\n if (!Array.isArray(options) && !options[0].value) {\n options = options.split(',').map(resource => ({\n value: resource,\n label: resource,\n }));\n }\n this.setState({ options });\n }\n if (changeOnBlur && onChangeHit) {\n this.setState({ changeOnBlur: false, onChangeHit: false, inputValue: '' });\n } else if (changeOnBlur) {\n const {\n field: { name, value },\n form: { setFieldValue },\n handleFormBlur,\n isCreatable,\n isLabel,\n multi,\n multiEntry,\n setLabel,\n } = this.props;\n const { options } = this.state;\n const isMulti = multi || multiEntry;\n let updatedVal = value;\n const optionsIndex = options.findIndex(\n e => toLower(e.value + '') === toLower(inputValue + ''),\n );\n if (optionsIndex !== -1) {\n updatedVal = options[optionsIndex].value;\n } else {\n updatedVal = startCase(inputValue);\n }\n if (isMulti) {\n if (value) {\n updatedVal = value + (inputValue ? `|${inputValue}` : '');\n } else {\n updatedVal = inputValue;\n }\n } else if (inputValue) {\n updatedVal = inputValue;\n } else {\n updatedVal = '';\n }\n let formattedVal = {\n target: { value: updatedVal },\n };\n if (!isCreatable && optionsIndex === -1) {\n this.setState({\n changeOnBlur: false,\n inputValue: '',\n });\n return;\n }\n setFieldValue(name, updatedVal);\n handleFormBlur(formattedVal);\n if (isLabel) {\n setLabel(inputValue);\n }\n this.setState({\n changeOnBlur: false,\n inputValue: '',\n });\n }\n }\n\n createOption = label => ({\n label,\n value: label,\n });\n\n render() {\n const {\n feature_type,\n field: { name, value: fieldValue },\n form: { errors, setFieldTouched, setFieldValue, status, touched },\n handleFormBlur,\n handleResourceName,\n isCompany,\n isCounselOptions,\n isDetailedOptions,\n isLabel,\n isNewResource,\n isValidatingOnBlur,\n isResource,\n multi,\n multiEntry,\n resourceTypeName,\n setLabel,\n isFixed,\n ...props\n } = this.props; // everything that we should pass goes through here classnames etc\n const isMulti = !!multiEntry || multi;\n const { options } = this.state;\n\n const apiError = get(status, name, false);\n const isTouched = get(touched, name, false);\n let error = apiError || (isTouched && get(errors, name, null));\n let updatedVal = fieldValue;\n if (\n updatedVal &&\n (typeof updatedVal === 'string' || typeof updatedVal === 'number')\n ) {\n const optionsIndex = options.findIndex(e => e.value == fieldValue); // eslint-disable-line eqeqeq\n if (typeof updatedVal === 'string' && fieldValue.indexOf('|') !== -1) {\n updatedVal = updatedVal.split('|').map(e => {\n if (isDetailedOptions) {\n const currentOptionsIndex = options.findIndex(option => option.value === e);\n return options[currentOptionsIndex];\n }\n return this.createOption(e);\n });\n } else if (optionsIndex !== -1) {\n updatedVal = options[optionsIndex];\n } else {\n updatedVal = this.createOption(fieldValue);\n }\n }\n if (props.isRequired && error && !apiError) {\n error = FeatureTypes[feature_type].validate(updatedVal);\n }\n return (\n {\n setFieldTouched(name, true, isValidatingOnBlur);\n }}\n onChange={(value, { action }) => {\n if (action === 'clear' && isEmpty(value) && isEmpty(updatedVal)) {\n return;\n }\n let newValue = value;\n if (value && isMulti) {\n newValue = value.map(val => val.value).join('|');\n } else if (value && !isCounselOptions) {\n newValue = value.value;\n }\n if (!value) {\n newValue = '';\n }\n if (isMulti) {\n setFieldValue(name, newValue);\n } else {\n setFieldValue(name, value);\n }\n this.setState({ inputValue: newValue, onChangeHit: true });\n // if (action !== 'pop-value' && action !== 'remove-value') {\n // this.setState({ onChangeHit: true });\n // }\n let formattedVal = {\n target: { value: newValue },\n };\n handleFormBlur(formattedVal);\n if (isLabel && value) {\n setLabel(newValue);\n }\n }}\n onInputChange={(inputValue, { action }) => {\n if (action === 'input-blur' && this.state.inputValue) {\n this.setState({ changeOnBlur: true });\n } else if (action !== 'menu-close' && inputValue) {\n this.setState({ inputValue });\n }\n }}\n value={updatedVal}\n {...props}\n options={options} // placed after props to override 'options' prop\n />\n );\n }\n}\n\nSelect.defaultProps = {\n handleFormBlur: () => {},\n options: [],\n isCreatable: false,\n isValidatingOnBlur: true,\n};\n\nexport default Select;\n","import React from 'react';\n\nimport get from 'lodash-es/get';\n\nimport InputStyledCheckbox from '../../common/InputStyledCheckbox';\n\nimport './StyledCheckbox.scss';\n\nconst StyledCheckbox = ({\n accountId,\n isDetailedOptions,\n isCreatable,\n isOutsideForm,\n featureProps,\n feature_type_id,\n field: { name, value },\n flipLabel,\n form: { errors, setFieldValue, status, touched },\n handleDelete,\n handleFormBlur,\n handleResourceFormBlur,\n handleResourceName,\n handleRemoveResource,\n isDisabled,\n isLabel,\n isLocked,\n isModal,\n isNewResource,\n isPairedColumn,\n markdown,\n multiEntry,\n reports_feature_type_id,\n resetValue,\n resource_id,\n resourceTypeName,\n setLabel,\n taskId,\n savedValue,\n roomId,\n ...props // everything that we should pass goes through here classnames etc\n}) => {\n const apiError = get(status, name, false);\n const isTouched = get(touched, name, false);\n const error = apiError || (isTouched && get(errors, name, null));\n if (value === 'Yes') {\n value = true;\n } else if (value === 'No' || value === 'false' || value === '0') {\n value = false;\n }\n\n return (\n {\n if (\n e.target.value === 'true' ||\n e.target.value === '1' ||\n e.target.value === 1 ||\n (typeof e.target.value === 'boolean' && !!e.target.value)\n ) {\n // weird timing here, makes it the opposite\n setFieldValue(name, '0');\n handleFormBlur({ target: { value: false } });\n } else {\n setFieldValue(name, '1');\n handleFormBlur({ target: { value: true } });\n }\n }}\n error={error}\n checked={!!value}\n labelStyle=\"form-styled-checkbox__label\"\n parentStyle={isPairedColumn && 'styled-checkbox__paired-column'}\n value={value}\n name={name}\n {...props}\n />\n );\n};\n\nStyledCheckbox.defaultProps = {\n handleFormBlur: () => {},\n};\n\nexport default StyledCheckbox;\n","import React, { Component } from 'react';\n\n// import { Field } from 'formik';\nimport isEqual from 'lodash-es/isEqual';\n\nimport './TemplateLink.scss';\nimport { InputHelp } from '../../inputs';\n\n// import get from 'lodash-es/get';\n\n// import { Calendly } from '../../common';\n// import { Select } from '../';\n\n// import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\n\nclass TemplateLink extends Component {\n constructor(props) {\n super(props);\n this.state = {\n isUpdating: false,\n };\n }\n\n componentDidUpdate(prevProps) {\n if (!isEqual(this.props.field.value, prevProps.field.value)) {\n this.setState({ isUpdating: true });\n setTimeout(() => this.setState({ isUpdating: false }), 500);\n }\n }\n render() {\n const { filename, path, questionHelp } = this.props;\n return (\n \n );\n }\n}\n\nexport default TemplateLink;\n","import React from 'react';\n\nimport get from 'lodash-es/get';\nimport omit from 'lodash-es/omit';\n\nimport { InputTextarea } from '../../inputs';\n\nconst Textarea = ({\n field, //: { name, value, onChange, onBlur },\n form: { errors, status, touched, values },\n handleFormBlur = () => {},\n isLabel,\n setLabel,\n meta,\n ...props // everything that we should pass goes through here classnames etc\n}) => {\n const { name } = field;\n const apiError = get(status, name, false);\n const isTouched = get(touched, name, false);\n const error = apiError || (isTouched && get(errors, name, null));\n return (\n {\n const {\n target: { value },\n } = e;\n if (isLabel) {\n setLabel(value);\n }\n field.onBlur(e);\n handleFormBlur(e);\n }}\n className=\"form__textarea\"\n error={error}\n {...omit(field, 'onBlur')}\n {...props}\n />\n );\n};\n\nexport default Textarea;\n","import isEmpty from 'lodash-es/isEmpty';\n\nconst checkValue = (str, max) => {\n // eslint-disable-next-line\n if (str && (str.charAt(0) !== '0' || str == '00')) {\n // eslint-disable-next-line\n let num = parseInt(str);\n if (isNaN(num) || num <= 0 || num > max) num = 1;\n str = // eslint-disable-next-line\n num > parseInt(max.toString().charAt(0)) && num.toString().length == 1\n ? '0' + num\n : num.toString();\n }\n return str;\n};\n\nconst TransformDict = {\n currency: str => {\n let semiParsedNum = str.replace(/^[$|0-9][0-9|.]/g, '');\n // eslint-disable-next-line\n let parsedNum = str.replace(/[^0-9|\\.]/g, '');\n let numWithCommas = parsedNum.split('.');\n if (numWithCommas.length > 1 && numWithCommas[1].length > 2) {\n parsedNum = +parsedNum;\n parsedNum = parsedNum.toFixed(2);\n parsedNum = '$' + parsedNum.replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',');\n return parsedNum;\n }\n numWithCommas[0] = numWithCommas[0].toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',');\n numWithCommas = numWithCommas.join('.');\n if (isEmpty(numWithCommas) && semiParsedNum) {\n return '$';\n }\n if (isEmpty(numWithCommas)) {\n return '';\n }\n return '$' + numWithCommas;\n },\n date: (str, event, seperator = '/') => {\n // Strip all non numbers\n let displayVal = str.replace(/\\D/g, '');\n let month = checkValue(displayVal.slice(0, 2), 12);\n let day = checkValue(displayVal.slice(2, 4), 31);\n let year = displayVal.slice(4, 8);\n\n displayVal = month + day + year;\n\n // Inject dashes\n if (event === 'deleteContentBackward') {\n if (displayVal.length >= 3) {\n displayVal = displayVal.slice(0, 2) + seperator + displayVal.slice(2);\n }\n\n if (displayVal.length >= 6) {\n displayVal = displayVal.slice(0, 5) + seperator + displayVal.slice(5);\n }\n return displayVal;\n } else {\n if (displayVal.length >= 2) {\n displayVal = displayVal.slice(0, 2) + seperator + displayVal.slice(2);\n }\n\n if (displayVal.length >= 5) {\n displayVal = displayVal.slice(0, 5) + seperator + displayVal.slice(5);\n }\n return displayVal;\n }\n },\n float: str => {\n // eslint-disable-next-line\n let parsedNum = str.replace(/[^0-9|\\.]/g, '');\n let numWithCommas = parsedNum.split('.');\n numWithCommas[0] = numWithCommas[0].toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',');\n numWithCommas = numWithCommas.join('.');\n return numWithCommas;\n },\n float_currency: str => {\n let semiParsedNum = str.replace(/^[$|0-9][0-9|.]/g, '');\n // eslint-disable-next-line\n let parsedNum = str.replace(/[^0-9|\\.]/g, '');\n let numWithCommas = parsedNum.split('.');\n numWithCommas[0] = numWithCommas[0].toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',');\n numWithCommas = numWithCommas.join('.');\n if (isEmpty(numWithCommas) && semiParsedNum) {\n return '$';\n }\n if (isEmpty(numWithCommas)) {\n return '';\n }\n return '$' + numWithCommas;\n },\n integer: str => {\n let parsedNum = str.replace(/[^0-9|]/g, '');\n return parsedNum.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',');\n },\n month: (str, event) => {\n // Strip all non numbers\n let displayVal = str.replace(/\\D/g, '');\n\n const month = checkValue(str.slice(0, 2), 12);\n const year = displayVal.substring(2, 6);\n displayVal = month + year;\n displayVal = displayVal.substring(0, 6);\n\n // Inject dashes\n if (event === 'deleteContentBackward') {\n if (displayVal.length >= 3) {\n displayVal = displayVal.slice(0, 2) + '/' + displayVal.slice(2);\n }\n return displayVal;\n } else {\n if (displayVal.length >= 2) {\n displayVal = displayVal.slice(0, 2) + '/' + displayVal.slice(2);\n }\n return displayVal;\n }\n },\n numerical: str => {\n let parsedNum = str.replace(/[^0-9|]/g, '');\n return parsedNum.toString();\n },\n percent: str => {\n // eslint-disable-next-line\n // let parsedNum = str.replace(/^-?\\d[.]?\\d$/g, '');\n let parsedNum = str.replace(/[^-|0-9|.]/g, '');\n let numWithCommas = parsedNum.split('.');\n numWithCommas[0] = numWithCommas[0].toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',');\n numWithCommas = numWithCommas.join('.');\n return numWithCommas;\n },\n phone: (str, event) => {\n // Strip all non numbers\n let displayVal = str.replace(/\\D/g, '');\n\n displayVal = displayVal.substring(0, 10);\n\n // Inject dashes\n if (event === 'deleteContentBackward') {\n if (displayVal.length >= 4) {\n displayVal = '(' + displayVal.slice(0, 3) + ') ' + displayVal.slice(3);\n }\n\n if (displayVal.length >= 10) {\n displayVal = displayVal.slice(0, 9) + '-' + displayVal.slice(9);\n }\n return displayVal;\n } else {\n if (displayVal.length >= 3) {\n displayVal = '(' + displayVal.slice(0, 3) + ') ' + displayVal.slice(3);\n }\n\n if (displayVal.length >= 9) {\n displayVal = displayVal.slice(0, 9) + '-' + displayVal.slice(9);\n }\n return displayVal;\n }\n },\n ssc: (str, event) => {\n // Strip all non numbers\n let displayVal = str.replace(/\\D/g, '');\n displayVal = displayVal.substring(0, 9);\n // Inject dashes\n if (event === 'deleteContentBackward') {\n // On backspace\n if (displayVal.length >= 4) {\n displayVal = displayVal.slice(0, 3) + '-' + displayVal.slice(3);\n }\n\n if (displayVal.length >= 7) {\n displayVal = displayVal.slice(0, 6) + '-' + displayVal.slice(6);\n }\n return displayVal;\n } else {\n if (displayVal.length >= 3) {\n displayVal = displayVal.slice(0, 3) + '-' + displayVal.slice(3);\n }\n\n if (displayVal.length >= 6) {\n displayVal = displayVal.slice(0, 6) + '-' + displayVal.slice(6);\n }\n // TODO: Hide Social Security Number?\n // Replace all numbers with astericks\n displayVal = displayVal.replace(/[0-9]/g, '*');\n return displayVal;\n }\n },\n string: str => str,\n zip: (str, event) => str,\n // zip: (str, event) => {\n // // Strip all non numbers\n // let displayVal = str.replace(/\\D/g, '');\n // displayVal = displayVal.substring(0, 5);\n // return displayVal;\n // },\n};\n\nexport default TransformDict;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n\nimport get from 'lodash-es/get';\n\nimport TransformDict from '../../../utils/TransformDict';\nimport { InputSelect, InputStyledTextField } from '../../inputs';\n\nimport './TextField.scss';\n\nconst SalaryTypesOptions = [\n { label: 'Per Year', value: 'Per Year' },\n { label: 'Per Month', value: 'Per Month' },\n { label: 'Per Hour', value: 'Per Hour' },\n];\n\nclass TextField extends Component {\n constructor(props) {\n super(props);\n this.state = {\n salaryType: SalaryTypesOptions[0],\n };\n }\n\n componentDidMount() {\n const {\n field: { value },\n } = this.props;\n let updatedValue = value?.value || value;\n if (updatedValue) {\n const selectFieldVal = updatedValue.substring(updatedValue.indexOf(' ') + 1);\n this.setState({\n salaryType: { label: selectFieldVal, value: selectFieldVal },\n });\n }\n }\n\n render() {\n const {\n field: { name, onBlur, value },\n form: { errors, setFieldValue, setFieldTouched, status, touched },\n handleFormBlur,\n isLabel,\n myType,\n question,\n setLabel,\n seperator = '/',\n isRequired,\n ...props // everything that we should pass goes through here classnames etc\n } = this.props;\n\n const apiError = get(status, name, false);\n const isTouched = get(touched, name, false);\n const error = apiError || (isTouched && get(errors, name, null));\n let updatedValue = value?.value || value;\n\n if (myType === 'salary') {\n const { salaryType } = this.state;\n let textFieldVal = '';\n let selectFieldVal = salaryType.label;\n if (updatedValue) {\n textFieldVal = updatedValue.substring(0, updatedValue.indexOf(' '));\n }\n return (\n \n {\n const updatedVal = TransformDict.currency(\n target.value,\n nativeEvent.inputType,\n );\n if (updatedVal) {\n setFieldValue(name, updatedVal + ' ' + selectFieldVal);\n } else {\n setFieldValue(name, '');\n }\n }}\n onBlur={e => {\n const { nativeEvent, target } = e;\n const updatedVal = TransformDict.currency(\n target.value,\n nativeEvent.inputType,\n );\n\n handleFormBlur({\n target: {\n value: `${updatedVal} ${selectFieldVal}`,\n },\n });\n onBlur(e);\n }}\n {...props}\n />\n setFieldTouched(name, true)}\n onChange={e => {\n this.setState({ salaryType: e });\n if (textFieldVal) {\n setFieldValue(name, textFieldVal + ' ' + e.value);\n handleFormBlur({\n target: {\n value: `${textFieldVal} ${e.value}`,\n },\n });\n }\n }}\n defaultValue={SalaryTypesOptions[0]}\n value={salaryType}\n options={SalaryTypesOptions}\n />\n
\n );\n }\n\n return (\n {\n const { target } = e;\n if (isLabel) {\n setLabel(target.value);\n }\n onBlur(e);\n handleFormBlur(e);\n }}\n onChange={e =>\n setFieldValue(\n name,\n TransformDict[myType](e.target.value, e.nativeEvent.inputType, seperator),\n )\n }\n value={updatedValue}\n {...props}\n />\n );\n }\n}\n\nTextField.propTypes = {\n myType: PropTypes.oneOf([\n 'currency',\n 'date',\n 'float',\n 'float_currency',\n 'integer',\n 'month',\n 'numerical',\n 'percent',\n 'phone',\n 'salary',\n 'social_security',\n 'string',\n 'zip',\n ]),\n};\n\nTextField.defaultProps = {\n myType: 'string',\n handleFormBlur: () => {},\n};\n\nexport default TextField;\n","import React, { Component } from 'react';\n\nimport get from 'lodash-es/get';\nimport pick from 'lodash-es/pick';\n\nimport { InputPassword } from '../../inputs';\n\nclass Password extends Component {\n constructor(props) {\n super(props);\n this.state = {\n isPlainText: false,\n };\n }\n render() {\n const {\n field, //: { name, value, onChange, onBlur },\n form: { touched, errors, status },\n handleFormBlur,\n myType,\n ...props // everything that we should pass goes through here classnames etc\n } = this.props;\n const { isPlainText } = this.state;\n let { name, value } = field;\n if (value && myType === 'social_security') {\n value = value.replace(/[^0-9|\\\\*]/g, '');\n value = value.substring(0, 9);\n }\n const apiError = get(status, name, false);\n const isTouched = get(touched, name, false);\n const error = apiError || (isTouched && get(errors, name, null));\n return (\n {\n handleFormBlur(e);\n field.onBlur(e);\n }}\n onToggle={() => {\n this.setState({ isPlainText: !isPlainText });\n }}\n {...pick(field, ['name', 'onChange'])}\n {...props}\n value={value}\n />\n );\n }\n}\n\nPassword.defaultProps = {\n handleFormBlur: () => {},\n};\n\nexport default Password;\n","import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport get from 'lodash-es/get';\nimport isEqual from 'lodash-es/isEqual';\nimport trim from 'lodash-es/trim';\n\nimport { InputSelect, InputStyledTextField } from '../../inputs';\n\nimport './CompanyName.scss';\nimport { validateCompany } from '../../../utils/FeatureTypes';\n\nexport const suffixOptions = [\n { label: ', Inc.', value: ', Inc.', type: 'Corporation' },\n { label: ' Inc.', value: ' Inc.', type: 'Corporation' },\n { label: ', Incorporated', value: ', Incorporated', type: 'Corporation' },\n { label: ' Incorporated', value: ' Incorporated', type: 'Corporation' },\n { label: ', Co.', value: ', Co.', type: 'Corporation' },\n { label: ' Co.', value: ' Co.', type: 'Corporation' },\n { label: ', Company', value: ', Company', type: 'Corporation' },\n { label: ' Company', value: ' Company', type: 'Corporation' },\n { label: ', Corp.', value: ', Corp.', type: 'Corporation' },\n { label: ' Corp.', value: ' Corp.', type: 'Corporation' },\n { label: ', Corporation', value: ', Corporation', type: 'Corporation' },\n { label: ' Corporation', value: ' Corporation', type: 'Corporation' },\n { label: ', LLC', value: ', LLC', type: 'LLC' },\n { label: ' LLC', value: ' LLC', type: 'LLC' },\n { label: ', LP', value: ', LP', type: 'LP' },\n { label: ' LP', value: ' LP', type: 'LP' },\n { label: ', L.P.', value: ', L.P.', type: 'LP' },\n { label: ' L.P.', value: ' L.P.', type: 'LP' },\n];\n\nconst CompanyName = ({\n isEntityFormed,\n entityType,\n field: { value, name, onBlur, onChange },\n form: { errors, setFieldError, setFieldValue, setFieldTouched, status, touched },\n handleResourceName,\n isLabel,\n myType,\n question,\n questionHelp,\n setLabel,\n validateField,\n isFixed,\n isRequired,\n isWorkbench,\n ...props // everything that we should pass goes through here classnames etc\n}) => {\n const textInputRef = useRef();\n let filteredOptions = suffixOptions;\n let companyName = trim(value) || '';\n let companyType = '';\n if (!isEntityFormed && !entityType.includes('Series')) {\n if (entityType) {\n filteredOptions = suffixOptions.filter(e => e.type === entityType);\n }\n let suffixIndex = -1;\n let optionIndex = -1;\n for (let i = 0; i < suffixOptions.length; i++) {\n const tempSuffixIndex = companyName.indexOf(suffixOptions[i].value);\n if (tempSuffixIndex !== -1) {\n suffixIndex = tempSuffixIndex;\n optionIndex = i;\n break;\n }\n }\n if (suffixIndex !== -1) {\n companyName = value.substring(0, suffixIndex);\n companyType = suffixOptions[optionIndex];\n }\n }\n\n const apiError = get(status, name, false);\n const isTouched = get(touched, name, false);\n const error = apiError || (isTouched && get(errors, name, null));\n let updatedQuestionHelp = !!isFixed\n ? 'If your company name is incorrect contact the Savvi support team in the support chat or email us at support@savvi.legal'\n : questionHelp;\n\n const [companyFullName, setCompanyFullName] = useState(trim(value) || '');\n const [companyNameInput, setCompanyNameInput] = useState(companyName);\n const [companyTypeInput, setCompanyTypeInput] = useState(companyType);\n const [isEditable, setIsEditable] = useState(false);\n const [focused, setFocus] = useState(false);\n\n useEffect(() => {\n let timer;\n if (!focused && isEditable) {\n timer = setTimeout(() => setIsEditable(false), 500);\n } else {\n clearTimeout(timer);\n }\n return () => clearTimeout(timer);\n }, [isEditable, focused]);\n\n const handleValidate = useCallback(\n () => !isFixed && validateCompany(value, suffixOptions, entityType, isEntityFormed),\n [value, isFixed, entityType, isEntityFormed],\n );\n\n useEffect(() => {\n if (isTouched) {\n setFieldError(name, handleValidate());\n }\n }, [entityType, isEntityFormed, setFieldError, handleValidate, name, isTouched]);\n\n const isCompanyTypeShowing =\n isEditable && !isFixed && !isEntityFormed && !entityType.includes('Series');\n const suffixError =\n (error && companyTypeInput && 'Select different suffix') ||\n (error && !companyTypeInput && 'Select a suffix') ||\n '';\n return (\n <>\n {isCompanyTypeShowing && (\n \n setCompanyNameInput(e.target.value)}\n onBlur={e => {\n const updatedCompanyName = trim(e.target.value);\n const formattedVal = `${updatedCompanyName}${companyType.value || ''}`;\n if (!isEqual(updatedCompanyName, companyName)) {\n handleResourceName(formattedVal);\n }\n setFocus(false);\n setCompanyFullName(formattedVal);\n setCompanyNameInput(updatedCompanyName);\n setFieldValue(name, formattedVal);\n setFieldTouched(name, true);\n }}\n onFocus={e => setFocus(true)}\n {...props}\n questionHelp={updatedQuestionHelp}\n />\n {\n setFocus(false);\n setFieldTouched(name, true);\n }}\n onChange={e => {\n if (!isEqual(e, companyType)) {\n const formattedVal = `${companyName}${e.value}`;\n setCompanyFullName(formattedVal);\n setCompanyTypeInput(e);\n setFieldValue(name, formattedVal);\n setFieldTouched(name, true);\n handleResourceName(formattedVal);\n }\n }}\n onFocus={e => setFocus(true)}\n defaultValue={''}\n value={companyTypeInput}\n options={filteredOptions}\n />\n
\n )}\n {!isCompanyTypeShowing && (\n {\n const updatedVal = e.target.value;\n if (trim(updatedVal) !== trim(value)) {\n if (isLabel) {\n setLabel(updatedVal);\n }\n handleResourceName(updatedVal);\n }\n let suffixIndex = -1;\n let optionIndex = -1;\n let updatedCompanyType = '';\n let updatedCompanyName = updatedVal;\n\n for (let i = 0; i < suffixOptions.length; i++) {\n const tempSuffixIndex = updatedVal.indexOf(suffixOptions[i].value);\n if (tempSuffixIndex !== -1) {\n suffixIndex = tempSuffixIndex;\n optionIndex = i;\n break;\n }\n }\n if (suffixIndex !== -1) {\n updatedCompanyName = trim(updatedVal.substring(0, suffixIndex));\n if (optionIndex !== -1) {\n updatedCompanyType = suffixOptions[optionIndex];\n }\n }\n setCompanyFullName(updatedVal);\n setCompanyNameInput(updatedCompanyName);\n setCompanyTypeInput(updatedCompanyType);\n setFieldTouched(name, true);\n onBlur(updatedVal);\n }}\n onFocus={async e => {\n e.preventDefault();\n if (!isEntityFormed && !entityType.includes('Series') && entityType) {\n await setFocus(true);\n await setIsEditable(true);\n await textInputRef.current.focus();\n } else {\n setFocus(true);\n }\n }}\n value={companyFullName}\n onChange={e => {\n const {\n target: { value },\n } = e;\n setCompanyFullName(value);\n // onChange(e);\n }}\n {...props}\n questionHelp={updatedQuestionHelp}\n />\n )}\n \n );\n};\n\nCompanyName.propTypes = {\n entityType: PropTypes.string,\n handleResourceName: PropTypes.func,\n};\n\nCompanyName.defaultProps = {\n // entityType: 'Corporation',\n handleResourceName: () => {},\n isFixed: false,\n};\n\nexport default CompanyName;\n","import { RSAA } from 'redux-api-middleware';\n\nimport { requestHeaders } from '../../utils/api';\n\nimport * as types from './types';\nimport { setBrandMeta } from './actions';\n\nexport {\n openTermsModal,\n closeTermsModal,\n openUserDropdown,\n closeUserDropdown,\n setNotice,\n clearNotice,\n} from './actions';\n\nexport const fetchBrandMeta = () => {\n const {\n FETCH_BRAND_META_REQUEST: REQUEST,\n FETCH_BRAND_META_SUCCESS: SUCCESS,\n FETCH_BRAND_META_FAILED: FAILED,\n } = types;\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: '/api/public/brand',\n method: 'GET',\n headers: requestHeaders(),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n dispatch(setBrandMeta(actionResponse.payload));\n localStorage.setItem('brandMeta', JSON.stringify(actionResponse.payload));\n return await actionResponse.payload;\n } else {\n throw await actionResponse.payload;\n }\n };\n};\n","export { default } from './InfoSidebar';\n","import React, { Fragment, useEffect, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport ReactMarkdown from 'react-markdown';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useHistory } from 'react-router';\n\nimport ContentPreview from 'box-ui-elements/es/elements/content-preview';\nimport classnames from 'classnames';\nimport { capitalize, get, isArray, isEmpty, isObject, startCase } from 'lodash-es';\n\nimport { getBoxFileInfo } from '../../redux/modules/Cabinet/operations';\nimport { BoxToken } from '../../redux/modules/Cabinet/selectors';\n\nimport './InfoSidebar.scss';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { isFetchingWithHooks } from '../../redux/modules/Transaction/selectors';\nimport { MultiToggle } from '../../components/inputs';\nimport { Button } from '../../components/common';\nimport { DropdownAction } from '../../components/common/Dropdown/Dropdown';\nimport {\n createRoomLink,\n deleteRoomLink,\n swapRoomLinks,\n updateRoom,\n updateRoomLink,\n} from '../../redux/modules/Data/operations';\nimport Modal from 'react-modal';\nimport { ShareLink } from '../../components/formik/ShareLinks/ShareLinks';\nimport { IsAccountAdmin } from '../../redux/modules/Profile/selectors';\nimport { getAccountProject } from '../../redux/modules/Project/operations';\nimport { setNotice } from '../../redux/modules/UI/actions';\nimport dayjs from 'dayjs';\nimport { ShareRoomLinkModal } from '../Room/RoomSettings';\nimport { BrandMeta } from '../../redux/modules/UI/selectors';\n\nconst InfoSidebar = ({\n access_code,\n account_id,\n addons,\n customDocsReviewInfo,\n dataRoomLinks = [],\n faqs,\n fees,\n handleTaskAction,\n isAssessment,\n isDataRoom,\n isEditing,\n isOutsideForm,\n isOverview,\n isProcessesShowing,\n isQuestionnaireSubmitted,\n isPortalView,\n isReviewersShowing,\n isTaskView,\n isWorkflowCounselShowing,\n open,\n outsideForms,\n params: { companyId } = {},\n projectCounsel,\n reviewers,\n reviewInfo,\n roomId,\n rooms = [],\n tasks = [],\n}) => {\n const dispatch = useDispatch();\n const { push } = useHistory();\n const boxToken = useSelector(BoxToken);\n\n const [isFAQCollapsed, setIsFAQCollapsed] = useState(window.screen.height < 1400);\n\n if (\n (isDataRoom && faqs.length === 0 && dataRoomLinks.length === 0 && !isEditing) ||\n (isOutsideForm && isEmpty(reviewInfo) && faqs.length === 0)\n ) {\n return null;\n }\n\n return (\n \n {(dataRoomLinks.length > 0 || isEditing) && (\n
\n )}\n {!isDataRoom && (\n
0 && 'maxHeight'}`}>\n
\n {rooms.length > 0 && {isProcessesShowing ? 'Task Overview' : 'Review Information'} \n {isProcessesShowing && (\n \n {tasks.map((task, taskIndex) => (\n
\n )}\n {isOverview && (\n \n Review initial assessment input. Will not reflect changes that occur after\n assessment submission.\n \n )}\n {isOverview && isEmpty(reviewInfo) && (\n \n Nothing to review. Please select a task\n \n )}\n {isTaskView && !isQuestionnaireSubmitted && tasks.length === 0 && (\n \n Review inputs here upon task form completion.\n \n )}\n {isOutsideForm && !reviewInfo.length === 0 && (\n No inputs to Review. \n )}\n {isWorkflowCounselShowing && (\n \n
Workflow Role Info \n {projectCounsel.length === 0 && (\n
\n )}\n {projectCounsel.map((counsel, parentIndex) => (\n
\n \n {startCase(counsel.counsel_type)}:{' '}\n \n {counsel.user &&\n counsel.partner &&\n `${counsel.user.full_name} from ${counsel.partner.name}`}\n {!!counsel.user && !counsel.partner && counsel.user.full_name}\n {!!counsel.partner && !counsel.user && counsel.partner.name}\n
\n \n \n )}\n {isReviewersShowing && (\n
\n
Reviewers Info \n
\n
\n {reviewers.length === 0 && 'No reviewers assigned.'}\n {reviewers.map(\n ({ first_name = '', last_name = '', value }, reviewerIndex) => (\n \n {`${first_name} ${last_name}`}\n {reviewerIndex !== reviewers.length - 1 && `, `}\n \n ),\n )}\n \n \n
\n )}\n {customDocsReviewInfo && customDocsReviewInfo.length > 0 && (\n <>\n
Custom Document Info \n {customDocsReviewInfo.map((values, parentIndex) => (\n
\n {!isEmpty(values.fields) && (\n \n
Input Fields \n {Object.entries(values.fields).map(\n ([fieldKey, fieldVal], index) => (\n
\n \n {startCase(fieldKey)}: {fieldVal}
\n \n \n Recipient #{index + 1} \n \n {Object.entries(recipient).map(([key, value], ind) => (\n
\n {startCase(key)}: {value}
\n \n ))}\n
\n \n setIsFAQCollapsed(!isFAQCollapsed)}>\n \n FAQ \n \n \n
\n {/* */}\n
\n {faqs.map((faq, ind) => (\n \n {faq.header} \n {faq.body} \n \n ))}\n
\n {/*
\n {Array.isArray(resourceArr) &&\n resourceArr.map((resource, resourceInd) => (\n
\n {resource.resource && (\n {`${resource.resource} (${resource['Custom Label']})`} \n )}\n {resource.resource && (\n \n {Object.entries(resource).map(([key, value], ind) => {\n if (\n key !== 'resource' &&\n key !== 'Company Name' &&\n key !== 'Name' &&\n key !== 'Custom Label'\n ) {\n let updatedVal = value;\n\n if (isObject(value)) {\n if (value.isDocument) {\n if (!isOutsideForm) {\n return (\n
\n {key}: \n \n {boxToken && (\n
\n \n dispatch(getBoxFileInfo(value.fileId, push, companyId))\n }\n >\n {value.label}\n \n \n );\n } else {\n return (\n
\n \n {key}: {value.value}
\n \n \n );\n }\n }\n if (value.isLink) {\n return (\n
\n \n \n );\n }\n if (isArray(value)) {\n return (\n
\n {key}: \n \n {value.map((e, linkIndex) => (\n
\n \n Link #{linkIndex + 1}:\n \n {e.label}\n \n \n \n ))}\n \n );\n }\n if (!Object.values(value).join('')) {\n updatedVal = 'None Given';\n } else {\n return (\n
\n {key}: \n {value.line_one}
\n {value.line_two.length > 0 && {value.line_two}
}\n {`${startCase(value.city)}, ${value.state} ${\n value.zip\n }`}
\n {value.country && {value.country}
}\n \n );\n }\n } else if (value.indexOf('|') !== -1) {\n updatedVal = updatedVal.split('|').join(', ');\n }\n return (\n
\n {key}: {updatedVal || 'Not Given'}
\n \n );\n }\n return null;\n })}\n
\n ))}\n
\n
setIsTaskCollapsed(!isTaskCollapsed)}\n >\n \n
\n
\n
Status \n
\n {capitalize(\n (mode === 'Upload' && state) ||\n (state === 'completed' && 'Completed') ||\n status_label ||\n state ||\n 'Not Given',\n )}\n
\n
\n
\n
Type \n
{type_label || type}
\n
\n {taskAddons.length > 0 && (\n
\n
Add-ons \n {taskAddons.map((addon, addonInd) => (\n
\n
\n \n {(isWhiteLabel && 'Covered By One Tap!') ||\n '$' + addon.amount + '/'}\n {(isWhiteLabel && ' ') ||\n (addon.period === 'year' && 'Yr ') ||\n 'Mo '}\n \n {`${addon.label} Add-on `}\n {!open && Paid }\n
\n
\n ))}\n
\n )}\n {taskFees.length > 0 && (\n
\n
Fees \n {taskFees.map((fee, feeInd) => (\n
\n
\n \n {(isWhiteLabel && 'Covered By One Tap!') ||\n (fee.is_annual && fee.amount) ||\n '$' + fee.amount}{' '}\n \n {`${fee.label} Fee `}\n {(isWhiteLabel || !open) && Paid }\n
\n
\n ))}\n
\n )}\n {!!timelineLabel && (\n
\n
Timeline \n
{timelineLabel}
\n
\n )}\n
\n {isActionsShowing && (\n
{\n const { mode: selectedMode, value } = selectedOption;\n if (hideRadios && mode === 'Bypass' && selectedMode === mode) {\n handleTaskAction('Enable', id);\n } else if (selectedMode !== mode && value) {\n handleTaskAction(selectedMode, id);\n }\n }}\n />\n )}\n \n
\n Links\n {isEditing && (\n setAddLinkMeta({ index: dataRoomLinks.length, isOpen: true })}\n >\n \n
\n {dataRoomLinks.map(({ id, label, link }, index) => (\n
\n \n (\n \n \n )}\n >\n \n setAddLinkMeta({ id, index, isOpen: true, label, url: link })\n }\n >\n Edit Link\n \n \n dispatch(\n swapRoomLinks(\n id,\n dataRoomLinks[index - 1].id,\n roomId,\n account_id,\n accessCode,\n ),\n )\n }\n >\n Move up\n \n \n dispatch(\n swapRoomLinks(\n id,\n dataRoomLinks[index + 1].id,\n roomId,\n account_id,\n accessCode,\n ),\n )\n }\n >\n Move down\n \n dispatch(deleteRoomLink(id, roomId, account_id))}\n >\n Remove Link\n \n \n )}\n
\n ))}\n
\n {isEditing && (\n
setAddLinkMeta({})}\n roomId={roomId}\n />\n )}\n Related Rooms \n \n {rooms.map(room => {\n const {\n account_id,\n account_project_id,\n data_access_code,\n id,\n label,\n open,\n require_auth,\n strict,\n } = room;\n return (\n
\n
\n
{label} \n {isAdmin && (\n <>\n {/* \n handleOpenShareLinkModal(id)}\n >\n \n \n \n
\n
\n {open ? 'Open' : 'Closed'}\n \n
\n {require_auth ? 'Sign-in required' : 'Sign-in optional'}\n \n
\n {strict ? 'Invite only' : 'Invite optional'}\n (\n \n \n )}\n >\n \n dispatch(updateRoom({ open: !open }, id, null, account_id)).then(\n e => dispatch(getAccountProject(account_project_id)),\n )\n }\n >\n {open ? 'Close room' : 'Open room link'}\n \n \n dispatch(\n updateRoom(\n { require_auth: !require_auth },\n id,\n null,\n account_id,\n ),\n ).then(e => dispatch(getAccountProject(account_project_id)))\n }\n >{`${require_auth ? 'Optional' : 'Require'} sign-in`}\n \n dispatch(\n updateRoom({ strict: !strict }, id, null, account_id),\n ).then(e => dispatch(getAccountProject(account_project_id)))\n }\n >{`${strict ? 'Optional' : 'Require'} Invite`}\n \n )}\n \n \n );\n })}\n \n \n
Related Forms \n {!isPortalView && openFormTemplates.map(OpenFormTemplate)}\n
\n {(openForms.length > 0 || sharedForms.length > 0) && (\n
Shared Forms
\n )}\n {!isPortalView && massagedOpenForms.map(OpenForm)}\n {sharedForms.map(sharedForm => (\n
\n ))}\n
\n
\n Standing Form Link
\n \n
\n
{name} \n {\n const { REACT_APP_BASEURL } = process.env;\n navigator.clipboard\n .writeText(`${REACT_APP_BASEURL}/api/redirect/form/${access_code}`)\n .then(\n () => dispatch(setNotice('Link Copied!')),\n err => console.error('Could not copy text: ', err),\n );\n }}\n >\n \n \n
\n );\n}\n\nfunction OpenForm({\n access_code,\n created_at,\n id,\n metadata: { finalize } = {},\n name,\n state,\n isRoomOpen,\n}) {\n const dispatch = useDispatch();\n const brandMeta = useSelector(BrandMeta);\n let formUrl = `/data-room/${access_code}/outside-form/${access_code}`;\n if (!isRoomOpen) {\n formUrl = `/outside-form/${access_code}`;\n }\n\n return (\n \n
\n
{name} \n {\n navigator.clipboard.writeText(`${brandMeta.web_base_url}${formUrl}`).then(\n () => dispatch(setNotice('Link Copied!')),\n err => console.error('Could not copy text: ', err),\n );\n }}\n >\n \n \n
\n
\n
Date Created \n
{dayjs(created_at).format('ddd, MMM YYYY hh:mm A')}
\n
\n
\n
\n
\n
Status \n
\n
\n {state === 'new' ? 'Open' : 'Completed'}\n \n {finalize && (\n
\n Finalizes task on submission\n
\n )}\n
\n
\n
\n
\n
{name} \n
(\n \n \n
Share Form Options \n
\n
{\n const { REACT_APP_BASEURL } = process.env;\n navigator.clipboard\n .writeText(`${REACT_APP_BASEURL}/outside-form/${access_code}`)\n .then(\n () => dispatch(setNotice('Link Copied!')),\n err => console.error('Could not copy text: ', err),\n );\n }}\n >\n Copy Shared Form Link\n \n {\n const { REACT_APP_BASEURL } = process.env;\n navigator.clipboard\n .writeText(\n `${REACT_APP_BASEURL}/data-room/${access_code}/outside-form/${access_code}`,\n )\n .then(\n () => dispatch(setNotice('Link Copied!')),\n err => console.error('Could not copy text: ', err),\n );\n }}\n >\n Copy Deal Room with Shared Form Link\n \n \n Go to Shared Form\n \n \n Go to Deal Room with Shared Form\n \n \n \n
\n
\n
Date Created \n
{dayjs(created_at).format('ddd, MMM YYYY hh:mm A')}
\n
\n
\n
Connected Email \n
{assigned_email || 'None connected'}
\n
\n
\n
\n
\n
Status \n
\n
\n {state === 'new' ? 'Open' : 'Completed'}\n \n
\n {emailStatusLabel}\n \n {finalize && (\n
\n Finalizes task on submission\n
\n )}\n
\n
{\n document.body.classList.remove('ReactModal__Body--open');\n }}\n className=\"infoSidebar__linkModal\"\n overlayClassName=\"infoSidebar__linkModalOverlay\"\n >\n {id ? 'Update' : 'Add'} Room Link \n \n onClose()}>\n Cancel\n \n {id ? 'Update' : 'Add'} Link \n
\n \n );\n};\n\nInfoSidebar.propTypes = {\n sideHelp: PropTypes.string,\n isVisible: PropTypes.bool.isRequired,\n toggleMenu: PropTypes.func.isRequired,\n};\n\nInfoSidebar.defaultProps = {\n isVisible: true,\n toggleMenu: () => {},\n};\n\nexport default InfoSidebar;\n","export { default, CompanyTable } from './DataTable';\n","// There are three possible states for our login\n// process and we need actions for each of them\nexport const GET_REQUEST = 'savvi/profile/GET_REQUEST';\nexport const GET_SUCCESS = 'savvi/profile/GET_SUCCESS';\nexport const GET_FAILED = 'savvi/profile/GET_FAILED';\n\nexport const UPDATE = 'savvi/profile/UPDATE';\n\nexport const SAVE_REQUEST = 'savvi/profile/SAVE_REQUEST';\nexport const SAVE_FAILED = 'savvi/profile/SAVE_FAILED';\nexport const SAVE_SUCCESS = 'savvi/profile/SAVE_SUCCESS';\n\nexport const PASSWORD_REQUEST = 'savvi/profile/PASSWORD_REQUEST';\nexport const PASSWORD_SUCCESS = 'savvi/profile/PASSWORD_SUCCESS';\nexport const PASSWORD_FAILED = 'savvi/profile/PASSWORD_FAILED';\n\n// Get Feature Changes\nexport const GET_FEATURE_CHANGES_REQUEST = 'savvi/profile/GET_FEATURE_CHANGES_REQUEST';\nexport const GET_FEATURE_CHANGES_SUCCESS = 'savvi/profile/GET_FEATURE_CHANGES_SUCCESS';\nexport const GET_FEATURE_CHANGES_FAILED = 'savvi/profile/GET_FEATURE_CHANGES_FAILED';\n\nexport const SET_FEATURE_CHANGES_DATE_REQUEST =\n 'savvi/profile/SET_FEATURE_CHANGES_DATE_REQUEST';\nexport const SET_FEATURE_CHANGES_DATE_SUCCESS =\n 'savvi/profile/SET_FEATURE_CHANGES_DATE_SUCCESS';\nexport const SET_FEATURE_CHANGES_DATE_FAILED =\n 'savvi/profile/SET_FEATURE_CHANGES_DATE_FAILED';\nexport const SET_FEATURE_CHANGES = 'savvi/profile/SET_FEATURE_CHANGES';\n\n// Update Email Actions\nexport const GET_EMAILS_REQUEST = 'savvi/profile/GET_EMAILS_REQUEST';\nexport const GET_EMAILS_SUCCESS = 'savvi/profile/GET_EMAILS_SUCCESS';\nexport const GET_EMAILS_FAILED = 'savvi/profile/GET_EMAILS_FAILED';\n\nexport const SEND_EMAIL_CODE_REQUEST = 'savvi/profile/SEND_EMAIL_CODE_REQUEST';\nexport const SEND_EMAIL_CODE_SUCCESS = 'savvi/profile/SEND_EMAIL_CODE_SUCCESS';\nexport const SEND_EMAIL_CODE_FAILED = 'savvi/profile/SEND_EMAIL_CODE_FAILED';\n\nexport const DELETE_EMAIL_VERIFICATION_REQUEST =\n 'savvi/profile/DELETE_EMAIL_VERIFICATION_REQUEST';\nexport const DELETE_EMAIL_VERIFICATION_SUCCESS =\n 'savvi/profile/DELETE_EMAIL_VERIFICATION_SUCCESS';\nexport const DELETE_EMAIL_VERIFICATION_FAILED =\n 'savvi/profile/DELETE_EMAIL_VERIFICATION_FAILED';\n\nexport const VERIFY_UPDATED_EMAIL_REQUEST = 'savvi/profile/VERIFY_UPDATED_EMAIL_REQUEST';\nexport const VERIFY_UPDATED_EMAIL_SUCCESS = 'savvi/profile/VERIFY_UPDATED_EMAIL_SUCCESS';\nexport const VERIFY_UPDATED_EMAIL_FAILED = 'savvi/profile/VERIFY_UPDATED_EMAIL_FAILED';\nexport const SET_EMAILS = 'savvi/profile/SET_EMAILS';\n\n// GET COUNSELS ACTIONS\nexport const GET_COUNSELS_REQUEST = 'savvi/profile/GET_COUNSELS_REQUEST';\nexport const GET_COUNSELS_SUCCESS = 'savvi/profile/GET_COUNSELS_SUCCESS';\nexport const GET_COUNSELS_FAILED = 'savvi/profile/GET_COUNSELS_FAILED';\nexport const SET_COUNSELS = 'savvi/profile/SET_COUNSELS';\n\n// GET SAVVI PARTNERS ACTIONS\nexport const GET_SAVVI_PARTNERS_REQUEST = 'savvi/profile/GET_SAVVI_PARTNERS_REQUEST';\nexport const GET_SAVVI_PARTNERS_SUCCESS = 'savvi/profile/GET_SAVVI_PARTNERS_SUCCESS';\nexport const GET_SAVVI_PARTNERS_FAILED = 'savvi/profile/GET_SAVVI_PARTNERS_FAILED';\nexport const SET_SAVVI_PARTNERS = 'savvi/profile/SET_SAVVI_PARTNERS';\n\n// SAVVI PARTNER GROUP ACTIONS\nexport const GET_SAVVI_PARTNER_GROUP_REQUEST =\n 'savvi/profile/GET_SAVVI_PARTNER_GROUP_REQUEST';\nexport const GET_SAVVI_PARTNER_GROUP_SUCCESS =\n 'savvi/profile/GET_SAVVI_PARTNER_GROUP_SUCCESS';\nexport const GET_SAVVI_PARTNER_GROUP_FAILED =\n 'savvi/profile/GET_SAVVI_PARTNER_GROUP_FAILED';\nexport const SET_SAVVI_PARTNER_GROUP = 'savvi/profile/SET_SAVVI_PARTNER_GROUP';\n\n// GET TEAMS\nexport const GET_TEAMS_REQUEST = 'savvi/profile/GET_TEAMS_REQUEST';\nexport const GET_TEAMS_SUCCESS = 'savvi/profile/GET_TEAMS_SUCCESS';\nexport const GET_TEAMS_FAILED = 'savvi/profile/GET_TEAMS_FAILED';\nexport const REMOVE_TEAM_ACCOUNT_REQUEST = 'savvi/profile/REMOVE_TEAM_ACCOUNT_REQUEST';\nexport const REMOVE_TEAM_ACCOUNT_SUCCESS = 'savvi/profile/REMOVE_TEAM_ACCOUNT_SUCCESS';\nexport const REMOVE_TEAM_ACCOUNT_FAILED = 'savvi/profile/REMOVE_TEAM_ACCOUNT_FAILED';\nexport const SET_TEAMS = 'savvi/profile/SET_TEAMS';\n\nexport const ADD_SAVVI_PARTNER_GROUP_MEMBER_REQUEST =\n 'savvi/profile/ADD_SAVVI_PARTNER_GROUP_MEMBER_REQUEST';\nexport const ADD_SAVVI_PARTNER_GROUP_MEMBER_SUCCESS =\n 'savvi/profile/ADD_SAVVI_PARTNER_GROUP_MEMBER_SUCCESS';\nexport const ADD_SAVVI_PARTNER_GROUP_MEMBER_FAILED =\n 'savvi/profile/ADD_SAVVI_PARTNER_GROUP_MEMBER_FAILED';\nexport const ADD_SAVVI_PARTNER_GROUP_MEMBER =\n 'savvi/profile/ADD_SAVVI_PARTNER_GROUP_MEMBER';\n\nexport const EDIT_SAVVI_PARTNER_GROUP_MEMBER_REQUEST =\n 'savvi/profile/EDIT_SAVVI_PARTNER_GROUP_MEMBER_REQUEST';\nexport const EDIT_SAVVI_PARTNER_GROUP_MEMBER_SUCCESS =\n 'savvi/profile/EDIT_SAVVI_PARTNER_GROUP_MEMBER_SUCCESS';\nexport const EDIT_SAVVI_PARTNER_GROUP_MEMBER_FAILED =\n 'savvi/profile/EDIT_SAVVI_PARTNER_GROUP_MEMBER_FAILED';\nexport const UPDATE_SAVVI_PARTNER_GROUP_MEMBER =\n 'savvi/profile/UPDATE_SAVVI_PARTNER_GROUP_MEMBER';\n\nexport const REMOVE_SAVVI_PARTNER_GROUP_MEMBER_REQUEST =\n 'savvi/profile/REMOVE_SAVVI_PARTNER_GROUP_MEMBER_REQUEST';\nexport const REMOVE_SAVVI_PARTNER_GROUP_MEMBER_SUCCESS =\n 'savvi/profile/REMOVE_SAVVI_PARTNER_GROUP_MEMBER_SUCCESS';\nexport const REMOVE_SAVVI_PARTNER_GROUP_MEMBER_FAILED =\n 'savvi/profile/REMOVE_SAVVI_PARTNER_GROUP_MEMBER_FAILED';\n\nexport const REMOVE_SAVVI_PARTNER_GROUP_MEMBER =\n 'savvi/profile/REMOVE_SAVVI_PARTNER_GROUP_MEMBER';\n\n// GET CALENDLY ACTIONS\nexport const GET_CALENDLY_REQUEST = 'savvi/profile/GET_CALENDLY_REQUEST';\nexport const GET_CALENDLY_SUCCESS = 'savvi/profile/GET_CALENDLY_SUCCESS';\nexport const GET_CALENDLY_FAILED = 'savvi/profile/GET_CALENDLY_FAILED';\n","import dayjs from 'dayjs/esm';\nimport PandaDocStatusDict from './PandaDocStatusDict';\n\nconst documentUpdatedAtSort = (a, b) => {\n // TODO check formatting of timestamps.\n let aDate =\n a.completed_timestamp ||\n a.upload_timestamp ||\n a.panda_data_timestamp ||\n a.sent_timestamp ||\n a.draft_timestamp ||\n (a.flat_features || [])[0]?.updated_at ||\n '';\n let bDate =\n b.completed_timestamp ||\n b.upload_timestamp ||\n b.panda_data_timestamp ||\n b.sent_timestamp ||\n b.draft_timestamp ||\n (b.flat_features || [])[0]?.updated_at ||\n '';\n\n if (aDate && !bDate) {\n return -1;\n } else if (!aDate && bDate) {\n return 1;\n } else if (!aDate && !bDate) {\n return 0;\n }\n return dayjs(bDate).diff(aDate);\n};\n\nconst documentCreatedAtSort = (a, b) => {\n let aDate =\n a.sent_timestamp ||\n a.completed_timestamp ||\n a.upload_timestamp ||\n a.draft_timestamp ||\n a.panda_data_timestamp ||\n (a.flat_features || [])[0]?.updated_at ||\n '';\n let bDate =\n b.sent_timestamp ||\n b.completed_timestamp ||\n b.upload_timestamp ||\n b.draft_timestamp ||\n b.panda_data_timestamp ||\n (b.flat_features || [])[0]?.updated_at ||\n '';\n\n if (aDate && !bDate) {\n return -1;\n } else if (!aDate && bDate) {\n return 1;\n } else if (!aDate && !bDate) {\n return 0;\n }\n return dayjs(bDate).diff(aDate);\n};\n\nexport const sortStrings = (a, b) => a.localeCompare(b);\n\nexport const documentsSortOptions = {\n name: {\n label: 'Name',\n slug: 'name',\n iconType: 'a-z',\n sortFunc: (a, b) => {\n const aLabel =\n a.label ||\n a.template_variant?.template_type?.customer_label ||\n a.template_variant?.customer_label ||\n (a.flat_features || [])[0]?.feature_type?.question_label ||\n a.template_variant?.preview?.label ||\n a.filename ||\n a.template_variant?.filename ||\n '--';\n const bLabel =\n b.label ||\n b.template_variant?.template_type?.customer_label ||\n b.template_variant?.customer_label ||\n (b.flat_features || [])[0]?.feature_type?.question_label ||\n b.template_variant?.preview?.label ||\n b.filename ||\n b.template_variant?.filename ||\n '--';\n return sortStrings(aLabel, bLabel);\n },\n },\n filename: {\n label: 'Filename',\n slug: 'filename',\n iconType: 'a-z',\n sortFunc: (a, b) => {\n const aLabel = a.filename || a.template_variant?.filename || '--';\n const bLabel = b.filename || b.template_variant?.filename || '--';\n return sortStrings(aLabel, bLabel);\n },\n },\n status: {\n label: 'Status',\n slug: 'status',\n iconType: 'a-z',\n sortFunc: (a, b) => {\n const aStatus =\n (a.revision_count > 0 && 'Awaiting Approval') ||\n (a.box_file_id && !a.status && 'Uploaded') ||\n PandaDocStatusDict(a.status);\n const bStatus =\n (b.revision_count > 0 && 'Awaiting Approval') ||\n (b.box_file_id && !b.status && 'Uploaded') ||\n PandaDocStatusDict(b.status);\n return sortStrings(aStatus, bStatus);\n },\n },\n date: {\n label: 'Date Created',\n slug: 'date',\n iconType: 'wide-short',\n sortFunc: documentCreatedAtSort,\n },\n none: {\n label: 'Default (last updated)',\n slug: 'none',\n sortFunc: documentUpdatedAtSort,\n },\n};\n\nexport const userDocumentsSortOptions = {\n name: {\n label: 'Name',\n slug: 'name',\n iconType: 'a-z',\n sortFunc: (a, b) => {\n const aLabel =\n a.label ||\n a.template_variant?.template_type?.customer_label ||\n a.template_variant?.customer_label ||\n (a.flat_features || [])[0]?.feature_type?.question_label ||\n a.template_variant?.preview?.label ||\n a.filename ||\n a.template_variant?.filename ||\n '--';\n const bLabel =\n b.label ||\n b.template_variant?.template_type?.customer_label ||\n b.template_variant?.customer_label ||\n (b.flat_features || [])[0]?.feature_type?.question_label ||\n b.template_variant?.preview?.label ||\n b.filename ||\n b.template_variant?.filename ||\n '--';\n return sortStrings(aLabel, bLabel);\n },\n },\n filename: {\n label: 'Filename',\n slug: 'filename',\n iconType: 'a-z',\n sortFunc: (a, b) => {\n const aLabel = a.filename || a.template_variant?.filename || '--';\n const bLabel = b.filename || b.template_variant?.filename || '--';\n return sortStrings(aLabel, bLabel);\n },\n },\n company_name: {\n label: 'Workspace Name',\n slug: 'company_name',\n iconType: 'a-z',\n sortFunc: (a, b) => sortStrings(a.account.name, b.account.name),\n },\n status: {\n label: 'Status',\n slug: 'status',\n iconType: 'a-z',\n sortFunc: (a, b) => {\n const aStatus =\n (a.revision_count > 0 && 'Awaiting Approval') ||\n (a.box_file_id && !a.status && 'Uploaded') ||\n PandaDocStatusDict(a.status);\n const bStatus =\n (b.revision_count > 0 && 'Awaiting Approval') ||\n (b.box_file_id && !b.status && 'Uploaded') ||\n PandaDocStatusDict(b.status);\n return sortStrings(aStatus, bStatus);\n },\n },\n date: {\n label: 'Date Created',\n slug: 'date',\n iconType: 'wide-short',\n sortFunc: documentCreatedAtSort,\n },\n none: {\n label: 'Default (last updated)',\n slug: 'none',\n sortFunc: documentUpdatedAtSort,\n },\n};\n","import React, { useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useHistory, useLocation, useParams } from 'react-router-dom';\n\nimport classnames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\n\nimport { setCompany } from '../../redux/modules/Company/operations';\nimport { getAccountId } from '../../redux/modules/Formation/selectors';\nimport { Button, Dropdown } from '../common';\nimport PandaDocStatusDict from '../../utils/PandaDocStatusDict';\n\nimport './DocumentsSection.scss';\nimport { resendLinkEmail } from '../../redux/modules/Transaction/operations';\nimport { setNotice } from '../../redux/modules/UI/actions';\nimport { getAuthUser } from '../../redux/modules/User/selectors';\nimport handlePath from '../../utils/handlePath';\nimport {\n createRoomHistory,\n deleteRoomDocument,\n swapRoomDocuments,\n updateRoomDocument,\n} from '../../redux/modules/Data/operations';\nimport { requestHeaders } from '../../redux/utils/api';\nimport { FilePreviewer } from '../FilePreviewer/FilePreviewer';\nimport { BoxToken } from '../../redux/modules/Cabinet/selectors';\nimport dayjs from 'dayjs/esm';\nimport get from 'lodash/get';\nimport SortDropdown from '../SortDropdown';\nimport {\n documentsSortOptions,\n userDocumentsSortOptions,\n} from '../../utils/DocumentsSortOptions';\nimport { InputStyledTextField } from '../inputs';\n\nconst DocumentsSection = ({\n accessCode,\n accountId,\n hideToken,\n initialDocsShowing = 5,\n isAdmin,\n isDataRoom,\n isEditing,\n isHeightUnset,\n isPdfHiding,\n isSectionOpenInit,\n isSimpleTable,\n limitedUserEmail,\n isMyDashboard,\n isUserTable,\n isWarning,\n moduleId,\n sectionLabel,\n documents,\n roomId,\n}) => {\n const dispatch = useDispatch();\n const currentAccountId = useSelector(getAccountId);\n const boxToken = useSelector(BoxToken);\n const currentUser = useSelector(getAuthUser);\n const [docAmountShowing, setDocAmountShowing] = useState(\n isSectionOpenInit ? 0 : initialDocsShowing,\n );\n const [isSortReversed, setIsSortReversed] = useState(false);\n // const [isSectionOpen, setIsOpen] = useState(isSectionOpenInit);\n const [sortOption, setSortOption] = useState(documentsSortOptions.none);\n const { slug, sortFunc } = sortOption;\n\n const myDocuments = useMemo(() => {\n if (isDataRoom && slug === 'none') {\n return documents;\n }\n if (isSortReversed) {\n return documents.sort(sortFunc).reverse();\n }\n return documents.sort(sortFunc);\n }, [documents, isDataRoom, isSortReversed, sortFunc, slug]);\n\n const handleSortRooms = selectedOption => {\n let updatedIsSortReversed = false;\n if (selectedOption.slug === slug) {\n updatedIsSortReversed = !isSortReversed;\n }\n setIsSortReversed(updatedIsSortReversed);\n setSortOption(selectedOption);\n };\n\n let docAdjustmentAmount = 25;\n if (myDocuments.length / 5 > 25) {\n docAdjustmentAmount = myDocuments.length / 5;\n }\n if (myDocuments.length / 5 > 200) {\n docAdjustmentAmount = 200;\n }\n\n const showLessDocuments = () => {\n let amountToShow = docAmountShowing - docAdjustmentAmount;\n if (amountToShow > myDocuments.length) {\n amountToShow = myDocuments.length - docAdjustmentAmount;\n }\n if (amountToShow < 5) {\n amountToShow = 5;\n }\n setDocAmountShowing(amountToShow);\n };\n const showMoreDocuments = () =>\n setDocAmountShowing(docAmountShowing + docAdjustmentAmount);\n\n return (\n \n \n
\n {!hideToken && {` (${myDocuments.length > 0 ? myDocuments.length : 'None'})`} \n \n {!!accessCode &&
}\n
\n
\n {myDocuments.map(\n (myDocument, index) =>\n (!docAmountShowing || index < docAmountShowing) && (\n \n {docAmountShowing > 5 && (\n \n show less documents\n \n show more documents\n
\n \n )}\n \n );\n};\n\nconst DocumentRow = ({\n accessCode,\n accountId,\n boxToken,\n currentAccountId,\n currentUser,\n myDocument,\n dispatch,\n index,\n isAdmin,\n isSimpleTable,\n isUserTable,\n isDataRoom,\n isEditing,\n isMyDashboard,\n isPdfHiding,\n limitedUserEmail,\n moduleId,\n myDocuments,\n roomId,\n}) => {\n const { push } = useHistory();\n const { companyId } = useParams();\n const { search } = useLocation();\n const {\n account = {},\n account_id,\n // account_transaction = {},\n account_transaction_id,\n account_project_id,\n box_file_id,\n completed_timestamp,\n draft_timestamp,\n filename,\n file_token: { accessToken } = {},\n flat_features = [],\n label: roomLabel,\n panda_document_id,\n panda_data_timestamp,\n revision_count,\n recipients,\n room_document_id,\n sent_timestamp,\n status,\n template_variant,\n upload_timestamp,\n } = myDocument;\n const {\n customer_label: variant_label,\n filename: variant_filename,\n preview: templatePreview,\n template_type,\n } = template_variant || {};\n\n const { label, box_file_id: previewBoxFileId, preview } = templatePreview || {};\n const { customer_label } = template_type || {};\n\n /** Can remove filter when duplicate recipients removed on backend. */\n const filteredRecipients = [];\n recipients.forEach(el => {\n const existingRecipientIndex = filteredRecipients.findIndex(\n e => e.email === el.email,\n );\n if (existingRecipientIndex !== -1) {\n if (el.signature_link) {\n filteredRecipients[existingRecipientIndex] = el;\n }\n } else {\n filteredRecipients.push(el);\n }\n });\n\n let dateLabel =\n sent_timestamp ||\n completed_timestamp ||\n upload_timestamp ||\n draft_timestamp ||\n panda_data_timestamp ||\n get(flat_features, '[0].updated_at', '');\n\n if (dateLabel) {\n dateLabel = dayjs(dateLabel).format('MM/DD/YYYY');\n } else {\n dateLabel = '--';\n }\n let taskPath = {\n pathname: `/workbench/${moduleId}/${account_project_id}/${account_transaction_id}/initialize`,\n search,\n state: { isClicked: true },\n };\n let path = `/cabinet/-1/${box_file_id}`;\n const isRedlining = revision_count > 0;\n const stateText =\n (isRedlining && 'Awaiting Approval') ||\n (box_file_id && !status && 'Uploaded') ||\n PandaDocStatusDict(status, isDataRoom);\n\n const isTaskConnected = !!account_transaction_id;\n const isSendingToTask =\n isTaskConnected && stateText !== 'Uploaded' && stateText !== 'Completed';\n\n const customerLabel =\n roomLabel ||\n customer_label ||\n variant_label ||\n flat_features[0]?.feature_type?.question_label ||\n label;\n const fileLabel = filename || variant_filename || 'Unknown name';\n\n const handleResendLinkEmail = (e, docId, email, passedAccountId) => {\n e.preventDefault();\n const message = `Are you sure you want to resend signature link to ${email}?`;\n if (window.confirm(message)) {\n dispatch(resendLinkEmail(docId, email, passedAccountId));\n }\n };\n const handleDealRoomRecipientLink = (e, roomCode) => {\n e.preventDefault();\n navigator.clipboard.writeText(\n `${process.env.REACT_APP_BASEURL}/data-room/${roomCode}`,\n );\n dispatch(setNotice('Room Link copied'));\n };\n const handleDocumentRecipientLink = (e, signatureLink) => {\n e.preventDefault();\n navigator.clipboard.writeText(signatureLink);\n dispatch(setNotice('Link copied'));\n };\n const handlePrimaryGotoClick = e => {\n if (e.defaultPrevented || isSimpleTable || (isAdmin && !!accessCode)) {\n return;\n }\n if (isMyDashboard) {\n dispatch(\n setCompany(\n account?.id,\n isSendingToTask ? taskPath : path,\n account?.id === currentAccountId,\n ),\n );\n } else {\n push(handlePath(isSendingToTask ? taskPath : path, companyId || account_id));\n }\n };\n const handleSecondaryGotoClick = e => {\n e.preventDefault();\n push(handlePath(!isSendingToTask ? taskPath : path, companyId || account_id));\n };\n const handleCabinetGotoClick = e => {\n e.preventDefault();\n dispatch(\n setCompany(\n account?.id,\n { pathname: !isSendingToTask ? taskPath : path, search },\n account?.id === currentAccountId,\n ),\n );\n };\n const handleDownloadFileClick = e => {\n e.preventDefault();\n var client = new XMLHttpRequest();\n client.open('GET', updatedUrl);\n client.withCredentials = true;\n client.responseType = 'blob';\n Object.entries(requestHeaders(true)).forEach(([key, value]) => {\n client.setRequestHeader(key, value);\n });\n client.onreadystatechange = () => {\n switch (client.readyState) {\n case 4:\n dispatch(setNotice('Starting Download.'));\n dispatch(\n createRoomHistory(\n accessCode,\n {\n box_file_id: box_file_id,\n action: 'download',\n customer_label: customerLabel,\n file_label: fileLabel,\n },\n roomId,\n ),\n );\n const url = window.URL.createObjectURL(client.response);\n const link = document.createElement('a');\n link.href = url;\n link.setAttribute('download', filename);\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n break;\n default:\n }\n };\n client.send();\n };\n const handleSortUpClick = e => {\n e.preventDefault();\n dispatch(\n swapRoomDocuments(\n room_document_id,\n myDocuments[index - 1].room_document_id,\n roomId,\n accountId,\n accessCode,\n ),\n );\n };\n const handleSortDownClick = e => {\n e.preventDefault();\n dispatch(\n swapRoomDocuments(\n room_document_id,\n myDocuments[index + 1].room_document_id,\n roomId,\n accountId,\n accessCode,\n ),\n );\n };\n const handleRemoveDocument = e => {\n e.preventDefault();\n const message = `Are you sure you want to remove this document from the Data Room?`;\n if (window.confirm(message)) {\n dispatch(deleteRoomDocument(room_document_id, roomId, accountId, accessCode));\n }\n };\n const getRecipientShowing = recipientEmail =>\n stateText !== 'Completed' &&\n (!isSimpleTable ||\n isAdmin ||\n [\n (currentUser?.email || '').toLowerCase(),\n (limitedUserEmail || '').toLowerCase(),\n ].includes(recipientEmail.toLowerCase()));\n\n const isRecipientsShowing =\n stateText !== 'Completed' &&\n filteredRecipients.length > 0 &&\n (!isSimpleTable ||\n isAdmin ||\n filteredRecipients.findIndex(e =>\n [\n (currentUser?.email || '').toLowerCase(),\n (limitedUserEmail || '').toLowerCase(),\n ].includes(e.email.toLowerCase()),\n )) !== -1;\n\n const updatedUrl = `${process.env.REACT_APP_BASEURL}/api/${\n accessCode\n ? `guest/rooms/${accessCode}/file/${box_file_id}`\n : `account/box/file/${box_file_id}`\n }`;\n\n const isDocumentTemplate = !box_file_id && !!previewBoxFileId;\n const customLabel = isDocumentTemplate ? 'Preview Template' : `${stateText} Document`;\n const isDocumentUpload = !isRecipientsShowing && !!box_file_id;\n const isActionsShowing = isTaskConnected && !isEditing;\n const isSecondaryGotoShowing = !isMyDashboard && box_file_id;\n const secondaryGotoLabel = `View in ${!isSendingToTask ? 'Task View' : 'File Cabinet'}`;\n const isCabinetGotoShowing = isMyDashboard && box_file_id;\n const isDownloadShowing = !isEditing && !isTaskConnected && !!box_file_id;\n const boxFileId = box_file_id || previewBoxFileId;\n\n const [isEditingDocLabel, setIsEditingDocLabel] = useState(false);\n const [isEditDocSubmitting, setIsEditDocSubmitting] = useState(false);\n const [docLabelInput, setDocLabelInput] = useState(customerLabel);\n\n const handleDocLabelUpdate = e => {\n setIsEditDocSubmitting(true);\n dispatch(\n updateRoomDocument(\n { label: docLabelInput },\n room_document_id,\n roomId,\n accountId,\n accessCode,\n ),\n ).then(\n e => {\n setIsEditDocSubmitting(false);\n setIsEditingDocLabel(false);\n },\n error => setIsEditDocSubmitting(false),\n );\n };\n\n return (\n \n \n
\n \n {(customerLabel || isEditing) && (\n \n {!isEditingDocLabel && (\n
{customerLabel || '*No Current Label. Add label by clicking >'} \n )}\n {isEditingDocLabel && (\n
setDocLabelInput(e.target.value)}\n onBlur={e => handleDocLabelUpdate(e)}\n />\n )}\n {isEditing && !isEditingDocLabel && (\n \n {\n e.preventDefault();\n setIsEditingDocLabel(!isEditingDocLabel);\n }}\n >\n {\n e.preventDefault();\n dispatch(\n updateRoomDocument(\n { label: '' },\n room_document_id,\n roomId,\n accountId,\n accessCode,\n ),\n );\n }}\n >\n
\n )}\n {fileLabel}
\n \n {isMyDashboard && (\n \n
parent workspace \n
{account?.name || 'Not Found'}
\n
\n {!isSimpleTable &&
Recipients }\n {filteredRecipients.map(\n recipient =>\n getRecipientShowing(recipient.email) && (\n \n {!!box_file_id && (!isDataRoom || !isDocumentTemplate) && (\n {\n dispatch(getUserDocumentBoxToken(myDocument.id));\n // create way for user to view & dl document\n }}\n className=\"documentsSection__simpleAction\"\n isFlat\n size=\"sm\"\n >\n View {isDocumentTemplate ? 'Template' : 'Document'}\n \n )} */}\n
\n )}\n \n
{dateLabel} \n
{stateText} \n {isActionsShowing && (\n
\n {isSecondaryGotoShowing && (\n \n \n \n
\n )}\n {isDownloadShowing && (\n
\n \n
\n )}\n {isEditing && (\n
\n \n \n \n
\n )}\n
\n {isSimpleTable && (\n \n View / Sign\n \n )}\n {!isSimpleTable && (\n <>\n {recipientLabel}
\n {isSigned && (\n \n )}\n {isSignedOrNotSigner && (\n \n
\n {recipientStatusLabel} \n
\n {isActionsDropdownShowing && (\n
setIsActionsShowing(false)}\n >\n {email} \n \n onResendLinkEmail(e, panda_document_id, email, accountId)\n }\n size=\"sm\"\n >\n {email_sent === 0 ? 'Send email' : 'Resend email'}\n \n {!!room_access_code && !isDataRoom && (\n <>\n onDealRoomRecipientLink(e, room_access_code)}\n size=\"sm\"\n >\n Copy Deal Room Link\n \n {userEmail === recipientEmail && (\n e.stopPropagation()}\n rel=\"noopener noreferrer\"\n size=\"sm\"\n >\n View Deal Room\n \n )}\n \n )}\n {!!signature_link && (\n <>\n onDocumentRecipientLink(e, signature_link)}\n size=\"sm\"\n >\n {copyLinkLabel}\n \n {userEmail === recipientEmail && (\n e.stopPropagation()}\n rel=\"noopener noreferrer\"\n size=\"sm\"\n >\n View Document\n \n )}\n \n )}\n \n )}\n \n onDocumentRecipientLink(e, signature_link)}\n size=\"sm\"\n tooltip=\"Copy Link\"\n >\n
\n )}\n \n );\n};\n\nDocumentsSection.propTypes = {\n accessCode: PropTypes.string,\n accountId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n documents: PropTypes.array,\n hideToken: PropTypes.bool,\n isAdmin: PropTypes.bool,\n isDataRoom: PropTypes.bool,\n isHeightUnset: PropTypes.bool,\n isMyDashboard: PropTypes.bool,\n isSectionOpenInit: PropTypes.bool,\n moduleId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n sectionLabel: PropTypes.string,\n};\nDocumentsSection.defaultProps = {\n moduleId: -1,\n documents: [],\n};\n\nexport default DocumentsSection;\n","import React from 'react';\n\nimport isEmpty from 'lodash-es/isEmpty';\nimport './InputFeedback.scss';\n\n// import classnames from 'classnames';\n\nconst InputFeedback = ({ error }) =>\n error ? (\n {isEmpty(error) ? 'Field Required' : error}
\n ) : null;\n\nexport default InputFeedback;\n","import React from 'react';\nimport { useHistory } from 'react-router';\n\nimport classnames from 'classnames';\n\nimport Button from '../common/Button';\nimport UseWindowSize from '../../utils/UseWindowSize';\n\nimport './WorkbenchActions.scss';\nimport handlePath from '../../utils/handlePath';\n\nconst WorkbenchActions = props => {\n const windowSize = UseWindowSize();\n const history = useHistory();\n const buttonSize = windowSize.width > 768 ? 'md' : 'sm';\n\n if (props.isSharingForm) {\n return \n \n Cancel\n \n \n Create Shared Form\n \n
\n);\n\nconst FormButtons = ({\n buttonSize,\n history,\n isAssessment,\n isDisabled,\n isFetching,\n isInitQuestionnaire,\n isModal,\n params,\n projectTemplateId,\n}) => (\n \n {isInitQuestionnaire && (\n history.push(handlePath('/home', params.companyId))}\n >\n Save & Exit\n \n )}\n {!isInitQuestionnaire && (\n history.goBack()}\n >\n Back\n \n )}\n \n {(projectTemplateId === 179 && 'Add Trustee(s)') ||\n (isModal && 'Add Investor(s)') ||\n (isAssessment && 'Generate Tasks') ||\n 'Review'}\n \n
\n);\n\nconst TrackingButtons = ({\n buttonSize,\n handleNextTaskAction,\n handleSecondaryAction,\n isFetching,\n isDisabled,\n isOverview,\n isSecondaryHiding,\n primaryActionText,\n secondaryActionText,\n}) => (\n // \n
\n {isOverview && !isSecondaryHiding && (\n \n {secondaryActionText}\n \n )}\n \n {primaryActionText}\n \n \n \n history.replace(\n handlePath(\n `/workbench/${moduleId}/${projectId}/${transactionId}/questionnaire${\n isDev ? '-dev' : ''\n }`,\n companyId,\n ),\n )\n }\n >\n Previous\n \n \n {isAssessment ? 'Generate Tasks' : 'Finalize'}\n \n
\n);\n\nWorkbenchActions.defaultProps = {\n isAuthenticated: false,\n next: 'loading',\n};\n\nexport default WorkbenchActions;\n","var _g;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgSavviLoading(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 185 155\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Page-1\",\n className: \"savviLoading__gOuter\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Savvi-Rectangle-Folded\",\n className: \"savviLoading__gInner\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n id: \"Rectangle\",\n className: \"savviLoading__pathFirst\",\n d: \"M0.5,0.5L0.5,108.307L0.5,115.5L115.5,115.5L115.5,107.76L115.5,58L58,58L58,0.5Z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Line\",\n className: \"savviLoading__pathSecond\",\n d: \"M65.5,3.5L112.5,50.5M115.5,58L115.5,69M58.5,0.5L44.5,0.5\"\n })))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgSavviLoading);\nexport default __webpack_public_path__ + \"static/media/savvi_loading.2f1545e5.svg\";\nexport { ForwardRef as ReactComponent };","export default {\n '-1': {\n icon: ['fal', 'home'],\n id: '-1',\n path: '/home',\n label: 'Home',\n },\n 0: {\n icon: ['fal', 'home'],\n id: '0',\n path: '/home',\n label: 'Home',\n },\n home: {\n icon: ['fal', 'home'],\n id: 'home',\n path: '/home',\n label: 'Home',\n },\n 1: {\n icon: ['fal', 'books'],\n id: '1',\n path: '/workflows',\n label: 'Workflow Library',\n },\n 2: {\n icon: ['fal', 'books'],\n id: '2',\n isModule: true,\n order: 1,\n path: {\n pathname: '/workflows',\n hash: '#entity',\n },\n label: 'Entity',\n },\n 3: {\n icon: ['fal', 'books'],\n id: '3',\n isModule: true,\n order: 2,\n path: {\n pathname: '/workflows',\n hash: '#governance',\n },\n label: 'Governance',\n },\n 4: {\n icon: ['fal', 'books'],\n id: '4',\n isModule: true,\n order: 4,\n path: {\n pathname: '/workflows',\n hash: '#team',\n },\n label: 'Team',\n },\n 9: {\n icon: ['fal', 'books'],\n id: '9',\n isModule: true,\n order: 4,\n path: {\n pathname: '/workflows',\n hash: '#equity',\n },\n label: 'Equity',\n },\n 6: {\n icon: ['fal', 'books'],\n id: '6',\n isModule: true,\n order: 5,\n path: {\n pathname: '/workflows',\n hash: '#financing',\n },\n label: 'Financing',\n },\n 5: {\n icon: ['fal', 'books'],\n id: '5',\n isModule: true,\n order: 6,\n path: {\n pathname: '/workflows',\n hash: '#customers-partners',\n },\n label: 'Customers | Partners',\n },\n 7: {\n icon: ['fal', 'file-signature'],\n id: '7',\n isModule: true,\n order: 7,\n path: {\n pathname: '/workflows',\n hash: '#other',\n },\n label: 'Other',\n },\n 10: {\n icon: ['fal', 'users'],\n id: '10',\n path: '/savvi-partners',\n label: 'Workspace Partners',\n },\n tasks: {\n icon: ['fal', 'ballot-check'],\n id: 'tasks',\n path: '/tasks',\n label: 'Tasks',\n },\n rooms: {\n icon: ['fal', 'layer-group'],\n id: 'rooms',\n path: '/rooms',\n label: 'Rooms',\n },\n submitted_tasks: {\n icon: ['fal', 'history'],\n id: 'submitted_tasks',\n path: '/submitted-tasks',\n label: 'Submitted Tasks',\n },\n documents: {\n icon: ['fal', 'copy'],\n id: 'documents',\n path: '/documents',\n label: 'Documents',\n },\n workflows: {\n icon: ['fal', 'books'],\n id: 'workflows',\n path: '/workflows',\n label: 'Workflow Library',\n },\n account: {\n icon: ['fal', 'cog'],\n id: 'account',\n path: '/settings',\n label: 'Account',\n },\n};\n","import '../components/FileUploader/FileUploader';\n\nimport React from 'react';\n\nimport get from 'lodash-es/get';\nimport isEmpty from 'lodash-es/isEmpty';\n\nimport {\n AddressGroup,\n CheckboxGroup,\n Comment,\n FormCustomDoc,\n FormFileUploader,\n Password,\n PhoneNumber,\n Select,\n ShareLinks,\n StyledCheckbox,\n TemplateLink,\n TextField,\n Textarea,\n ResourceList,\n} from '../components/formik';\nimport { options } from '../data/StateData';\nimport { parseShareLink } from '../components/formik/ShareLinks/ShareLinks';\nimport dayjs from 'dayjs';\nimport customParseFormat from 'dayjs/plugin/customParseFormat';\ndayjs.extend(customParseFormat);\n\nexport const validateAddress = (val, isUniversal) => {\n let error;\n if (\n isEmpty(val) ||\n (isEmpty(val.line_one) && isEmpty(val.city) && isEmpty(val.state) && isEmpty(val.zip))\n ) {\n error = {\n ...error,\n address: 'Full Address required',\n };\n }\n if (isEmpty(val.line_one)) {\n error = {\n ...error,\n line_one: 'Line One required',\n };\n }\n if (isEmpty(val.city)) {\n error = {\n ...error,\n city: 'City required',\n };\n }\n if (isEmpty(val.state)) {\n error = {\n ...error,\n state: 'State required',\n };\n }\n if (isEmpty(val.zip)) {\n error = {\n ...error,\n zip: 'Zip required',\n };\n }\n if (isEmpty(val.country) && isUniversal) {\n error = {\n ...error,\n country: 'Country required',\n };\n }\n return error;\n};\n\nexport const validateBoolean = val => {\n let error;\n if (!val) {\n error = 'Selection required';\n }\n return error;\n};\n\nexport const validateCheckboxGroup = (val = '') => {\n let error;\n val = val.trim();\n if (isEmpty(val)) {\n error = 'Selection required';\n }\n return error;\n};\n\nexport const validateCompany = (val, suffixOptions, entityType, isEntityFormed) => {\n let error = '';\n\n let filteredOptions = suffixOptions;\n if (entityType) {\n filteredOptions = suffixOptions.filter(e => e.type === entityType);\n }\n if (!val) {\n error = 'Company must be named.';\n } else if (\n !isEntityFormed &&\n entityType &&\n !entityType.includes('Series') &&\n filteredOptions.findIndex(e => val.includes(e.value)) === -1\n ) {\n error = 'Please select a Company suffix of your Entity Type.';\n }\n return error;\n};\nexport const validateCurrency = (val = '') => {\n let error;\n val = val.trim();\n if (isEmpty(val)) {\n error = 'Currency required';\n return error;\n }\n if (val.length < 2) {\n error = 'Currency required';\n }\n return error;\n};\n\nexport const validateDate = (val = '', isOptional, isTouched) => {\n let error;\n val = val.trim();\n let valArr = [];\n if (val.indexOf('-') !== -1) {\n valArr = val.split('-');\n } else if (val.indexOf('/') !== -1) {\n valArr = val.split('/');\n }\n\n if (isEmpty(val)) {\n if (!isOptional) {\n error = 'Date required';\n }\n return error;\n }\n // if (!isTouched) {\n // return error;\n // }\n if (valArr[0] && valArr[0].length < 2) {\n error = 'Full date required';\n }\n if (!valArr[1] || (valArr[1] && valArr[1].length < 2)) {\n error = 'Month and year required';\n } else if (!valArr[2] || (valArr[2] && valArr[2].length < 4)) {\n error = 'Full 4 digit year required.';\n }\n if (val === 'Invalid date') {\n error = 'Valid date required';\n }\n return error;\n};\n\nexport const validateEmail = val => {\n let error;\n if (isEmpty(val)) {\n error = 'Email required';\n } else if (!/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i.test(val)) {\n error = 'Invalid email address';\n }\n return error;\n};\n\nexport const validateMonth = (val = '') => {\n let error;\n val = val.trim();\n const valArr = val.split('-');\n if (isEmpty(val)) {\n error = 'Month and Year required';\n return error;\n }\n if (valArr[0].length !== 2) {\n error = 'Full date required';\n } else if (!valArr[1] || (valArr[1] && valArr[1].length < 4)) {\n error = 'Full 4 digit year required';\n }\n return error;\n};\n\nexport const validatePassword = (val = '', pwLength = 12, customErr) => {\n let error;\n val = val.trim();\n if (isEmpty(val)) {\n error = 'Password required';\n } else if (val.length < pwLength) {\n error =\n customErr ||\n 'Password must be at least 12 characters long to meet industry-standard security requirements.';\n }\n return error;\n};\n\nexport const validatePhone = val => {\n let error;\n val = val.trim();\n if (isEmpty(val)) {\n error = 'Field required';\n } else if (val.includes('+1') && val.length < 17) {\n error = 'Full phone number required.';\n }\n return error;\n};\n\nexport const validateSalary = val => {\n let error;\n val = val.trim();\n // eslint-disable-next-line\n let parsedVal = val.replace(/[^0-9|\\.]/g, '');\n if (isEmpty(parsedVal)) {\n error = 'Salary required';\n return error;\n }\n if (parsedVal.length < 2) {\n error = 'Salary required';\n }\n return error;\n};\n\nexport const validateSelect = (val = '') => {\n let error;\n if (Array.isArray(val)) {\n val = val.map(e => get(e, 'label', e).trim());\n if (isEmpty(val)) {\n error = 'Field required';\n }\n } else {\n val = (val?.label || val || '').trim();\n if (isEmpty(val)) {\n error = 'Field required';\n }\n }\n return error;\n};\n\nexport const validateShareLinks = val => {\n let error;\n let updatedValue = val;\n if (!Array.isArray(val)) {\n updatedValue = parseShareLink(val);\n }\n if (Array.isArray(updatedValue)) {\n updatedValue.forEach(e => {\n if (!e.label || !e.url) {\n error = 'Incomplete Link Input';\n }\n });\n }\n if (isEmpty(updatedValue)) {\n error = 'Link required';\n }\n return error;\n};\n\nexport const validateSocialSecurity = val => {\n let error;\n val = val.trim();\n if (isEmpty(val)) {\n error = 'Field required';\n } else if (val.length < 9) {\n error = 'Full social security required.';\n }\n return error;\n};\n\nexport const validateString = val => {\n let error;\n val = val ? (val?.value || val).trim() : '';\n if (isEmpty(val)) {\n error = 'Field required';\n }\n return error;\n};\n\nexport const validateZip = val => {\n let error;\n val = val ? val.trim() : '';\n if (isEmpty(val)) {\n error = 'Field required';\n }\n return error;\n};\n\nconst compareNumbers = (a, b) => {\n const aNum = a.value.replace(/[^\\d.-]/g, '');\n const bNum = b.value.replace(/[^\\d.-]/g, '');\n return bNum - aNum;\n};\n\nconst compareStrings = (a, b) => a.value.localeCompare(b.value);\n\nconst compareDates = (a, b) => {\n return dayjs(a.value, 'MMM Do, YYYY').diff(dayjs(b.value, 'MMM Do, YYYY'));\n};\n\nexport default {\n attorney: {\n value: '',\n gridColWidth: 'minMax(120px, 1fr)',\n Formik: ({ ...props }) => \n
\n Share Form Information\n \n \n \n setShareFormMeta({ ...shareFormMeta, email: e.target.value })}\n error={shareFormEmailError}\n onBlur={e => {\n if (e.target.value || shareFormMeta.send_email) {\n setShareFormEmailError(validateEmail(e.target.value));\n } else {\n setShareFormEmailError('');\n }\n }}\n />\n setShareFormMeta({ ...shareFormMeta, name: e.target.value })}\n />\n \n setShareFormMeta({ ...shareFormMeta, description: e.target.value })\n }\n />\n \n setShareFormMeta({ ...shareFormMeta, finalize_on_submit: value })\n }\n />\n setShareFormMeta({ ...shareFormMeta, send_email: value })}\n />\n \n )}\n \n {(isSubmitAttempted || submitCount > 0) &&\n (!isValid || formValidationErrors.length > 0) && (\n \n {!isValid &&
- Fill out all required fields before continuing.
}\n {formValidationErrors.length > 0 &&\n formValidationErrors.map((formError, i) => (\n
{formError}
\n ))}\n
(\n \n
\n {upperFirst(custom_label)} Information\n {!isCompany && resource_type_id !== 16 && !!multi_entry && (\n Enter the names of each {custom_label}: \n )}\n \n {resourceArr.length > 0 &&\n resourceArr[0].resource_name &&\n resourceArr.map((resource, index) => {\n const shareFormResourceIndex = selectedFeatures.findIndex(\n e =>\n e.feature_type_id ===\n resource.innerQuestions[0].feature_type_id &&\n e.resource_id === resource.resource_id,\n );\n const isShareFormResourceSelected = get(\n selectedFeatures,\n `[${shareFormResourceIndex}].isSelected`,\n false,\n );\n const entityType = get(\n resource,\n 'innerQuestions[0].entityType',\n '',\n );\n const isEntityFormed = get(\n resource,\n 'innerQuestions[0].isEntityFormed',\n false,\n );\n return (\n
\n {resource_type_id !== 6 && resource_type_id !== 25 && (\n <>\n {isSharingForm && (\n \n handleShareFormResource(\n resource.resource_id,\n isShareFormResourceSelected,\n )\n }\n value={isShareFormResourceSelected}\n />\n )}\n {\n const resourceIds = resourceArr.reduce((dict, e) => {\n if (e.resource_id !== resource.resource_id) {\n dict.push(e.resource_id);\n }\n return dict;\n }, []);\n handleSetResourceIds(name, resourceIds);\n }}\n handleResourceName={name => {\n handleResourceName(\n {\n name,\n },\n resource.resource_id,\n );\n }}\n icon=\"user\"\n isDisabled={isSharingForm}\n isDraftResource={resource.is_draft}\n isCompany={isCompany}\n isFixed={resource.innerQuestions[0].fixed}\n questionHelp={\n resource.innerQuestions[0].question_help ||\n resource.innerQuestions[0].feature_type.question_help\n }\n sublabel={\n resource.innerQuestions[0].question_comment ||\n resource.innerQuestions[0].feature_type.question_comment\n }\n isWorkbench\n label={`${updatedLabel}${\n !isCompany && !!multi_entry\n ? ' (#' + (index + 1) + ')'\n : ''\n }`}\n name={`${name}[${index}].resource`}\n options={resourceOptions}\n onResourceSelect={() => {}}\n validate={val =>\n isCompany &&\n !resource.innerQuestions[0].fixed &&\n validateCompany(\n val,\n suffixOptions,\n entityType,\n isEntityFormed,\n )\n }\n params={params}\n resource_id={resource.resource_id}\n resourceTypeName={name}\n resourceTypeCustomLabel={custom_label}\n setLabel={() => {}}\n />\n {resource.is_draft && (\n \n {isSharingForm && (\n \n handleShareFormFeature(\n shareFormFeatureIndex,\n shareFormFeature.isSelected,\n )\n }\n tooltip={\n innerQ.required_question_id &&\n 'selection determined by prerequisite parent question.'\n }\n value={shareFormFeature.isSelected}\n />\n )}\n {\n if (\n isCompany &&\n innerQ.feature_type.name === 'name'\n ) {\n return handleResourceName(\n {\n name: e.target.value,\n },\n resource.resource_id,\n );\n } else if (e.target.value !== innerQ.value) {\n return handleFormBlur(\n e.target.value,\n innerQ.feature_type.id,\n innerQ.feature_id,\n resource.resource_id,\n resource_type_id,\n );\n }\n }}\n featureProps={innerQ}\n isSharingForm={isSharingForm}\n params={params}\n resourceTypeName={name}\n resourceIndex={index}\n resource_id={resource.resource_id}\n resource_name={resource.resource_name}\n />\n \n );\n })}\n {!isCompany && !!multi_entry && !!name && (\n \n {\n const resourceIds = resourceArr.reduce((dict, e) => {\n if (e.resource_id !== resource.resource_id) {\n dict.push(e.resource_id);\n }\n return dict;\n }, []);\n const resourceName = resource.resource_name;\n handleSetResourceIds(name, resourceIds).then(e => {\n setNotice(`${resourceName} removed.`);\n });\n // arrayHelpers.remove(index);\n }}\n >\n
\n )}\n {!isCompany && !!multi_entry && !!name && (\n \n {isArray(values[name]) &&\n index === values[name].length - 1 &&\n get(values, `${name}[${index}].resource`, false) && (\n {\n const updatedValue = innerQuestions.reduce(\n (dict, e) => {\n dict = {\n ...dict,\n [e.feature_type.question_label]: '',\n };\n return {\n ...dict,\n isInitial: true,\n };\n },\n {},\n );\n arrayHelpers.push(updatedValue);\n }}\n isDisabled={isFetching}\n >\n
\n )}\n \n );\n })}\n {!!name &&\n isArray(values[name]) &&\n (resourceArr.length !== values[name].length || // Add Individual\n resourceArr.length === 0) && ( // No resources yet\n <>\n
{\n let resourceIds = resourceArr.reduce((dict, e) => {\n dict.push(e.resource_id);\n return dict;\n }, []);\n if (resourceName && resourceName.resourceId) {\n resourceIds.push(resourceName.resourceId);\n return handleSetResourceIds(name, resourceIds);\n } else if (resourceName) {\n handleResourceName({\n resource_type_id,\n name: resourceName.label,\n }).then(resource => {\n resourceIds.push(resource.id);\n handleSetResourceIds(name, resourceIds);\n setSubmitAttempted(false);\n resetForm({ values: initVals });\n });\n }\n }}\n icon=\"user\"\n isCreatable\n isFetching={isFetching}\n isNewResource\n placeholder=\"Type to search or create new...\"\n questionHelp={\n innerQuestions[0].question_help ||\n innerQuestions[0].feature_type.question_help\n }\n sublabel={\n innerQuestions[0].question_comment ||\n innerQuestions[0].feature_type.question_comment\n }\n label={updatedLabel}\n name={`${name}[${values[name].length - 1}].resource`}\n options={resourceOptions}\n params={params}\n resourceTypeName={name}\n resourceTypeCustomLabel={custom_label}\n setLabel={() => {}}\n />\n \n {resourceArr.length !== 0 && values[name].length !== 1 && (\n arrayHelpers.pop()}\n size=\"sm\"\n >\n {}}\n isDisabled\n >\n
\n \n )}\n {parentResourceIndex + 1 < questions.length && (\n
\n )}\n \n
Custom Documents Information \n \n customDocuments.map((customDoc, customDocIndex) => {\n return (\n \n )}\n {workflowCounselQuestions.length > 0 && isInitQuestionnaire && (\n \n
Workflow Counsel Information \n \n workflowCounselQuestions.map((counselQuestion, counselQuestionIndex) => {\n return (\n {\n handleCounselBlur(counselQuestion.formikValue, e.target.value);\n }}\n isCounselOptions\n isRequired={!!counselQuestion.required}\n name={`counsel_options[${counselQuestionIndex}]`}\n options={counselQuestion.options}\n label={counselQuestion.label}\n validate={!!counselQuestion.required && validateSelect}\n />\n );\n })\n }\n />\n \n )}\n {(isSubmitAttempted || submitCount > 0) &&\n (!isValid || formValidationErrors.length > 0) && (\n \n {!isValid &&
- Fill out all required fields before continuing.
}\n {formValidationErrors.length > 0 &&\n formValidationErrors.map((formError, i) => (\n
{formError}
\n ))}\n
\n {!!isReopeningTimeout && (\n \n \n )}\n setIsSharingForm(false)}\n onPrimaryClick={handleShareFormValidate}\n projectTemplateId={projectTemplateId}\n isInitQuestionnaire={isInitQuestionnaire}\n />\n \n \n setIsSharingFormModalOpen(false)}\n onPrimaryClick={handleSubmitShareForm}\n primaryActionText=\"Create Shared Form\"\n />\n \n );\n};\n\nconst Question = ({\n featureProps,\n handleFormBlur,\n isSharingForm,\n params,\n resourceTypeName,\n resourceIndex,\n resource_id,\n resource_name,\n isDisabled,\n}) => {\n const {\n feature_type: {\n calendly_options,\n feature_type,\n filename,\n is_creatable,\n json: { markdown = '' } = {},\n multi_entry_feature,\n options,\n path: qpath,\n question_comment: qc,\n question_help: qh,\n } = {},\n feature_type_id,\n fixed,\n is_label,\n is_required,\n json: { markdown: flattenedMarkdown = '' } = {},\n path,\n question_comment,\n question_help,\n question_label,\n question_placeholder,\n question_text,\n resourceListData = {},\n tags,\n value: savedValue,\n } = featureProps;\n const updatedName = `${resourceTypeName}[${resourceIndex}].${question_label}`;\n let updatedOptions = calendly_options || options;\n if (feature_type === 'detailed_options') {\n updatedOptions = JSON.parse(options);\n }\n if (feature_type === 'related_resource') {\n updatedOptions = reduce(\n resourceListData,\n (dict, e) => {\n const individual = get(e, '[0]', {});\n dict.push({\n label: individual.resource,\n value: individual.resource_id,\n resource_type: individual.resource_type,\n finalized: individual.finalized,\n });\n return dict;\n },\n [],\n );\n }\n\n return (\n {}}\n sublabel={question_comment || qc}\n tags={tags}\n taskId={params.transactionId}\n validate={!!is_required && FeatureTypes[feature_type].validate}\n savedValue={savedValue}\n />\n );\n};\n\nconst ResourceDraft = ({ resource, resourceOptions, transactionId }) => {\n const { resource_name, resource_id, resource_type } = resource;\n const dispatch = useDispatch();\n\n resourceOptions = resourceOptions.map(e => ({\n ...e,\n options: e.options.filter(e => !e.is_draft),\n }));\n\n const [isConnectingDraft, setIsConnectingDraft] = useState(false);\n const handleMergeResources = baseResource => {\n const message = `Are you sure you want to connect ${resource_name} with ${baseResource.label}? Any overlapping inputs of ${baseResource.label} will be overwritten.`;\n if (window.confirm(message)) {\n dispatch(mergeResources(baseResource.resourceId, resource_id, transactionId));\n } else {\n setIsConnectingDraft(false);\n }\n };\n return (\n <>\n setIsConnectingDraft(!isConnectingDraft)}\n />\n {isConnectingDraft && (\n \n Loading... \n
\n ) : (\n \n {formikProps => (\n this.setState({ isSubmitAttempted: val })}\n setIsSharingForm={setIsSharingForm}\n sharedFormDescription={sharedFormDescription}\n transactionLabel={transaction.label}\n workflowCounselQuestions={workflowCounselQuestions}\n />\n )}\n \n );\n }\n}\n\nWorkbenchFormContainer.propTypes = {\n formValues: PropTypes.object.isRequired,\n formikValues: PropTypes.object.isRequired,\n isFetching: PropTypes.bool.isRequired,\n match: PropTypes.object,\n};\nWorkbenchFormContainer.defaultProps = {\n formValues: {},\n formikValues: {},\n isFetching: false,\n getFormInfo: () => {},\n};\n\nconst mapStateToProps = (state, ownProps) => {\n const { Project, Transaction } = state;\n const {\n params: { projectId, transactionId },\n } = ownProps;\n return {\n accountName: CompanyNameWithHooks(state),\n customDocuments: CustomDocuments(Transaction, transactionId),\n customDocumentsFormikValues: CustomDocumentsFormikValues(Transaction, transactionId),\n validators: getTransactionValidators(Transaction, transactionId),\n isFetching: Transaction.isFetching,\n isFetchingProject: Project.isFetching,\n questions: getOrderedQuestions(Transaction, transactionId),\n resources: getResourceOptions(Transaction, transactionId),\n reviewInfo: getReviewValues(Transaction, transactionId),\n transaction: getTransactionById(Transaction, transactionId),\n workflowCounselQuestions: WorkflowCounselForQuestionnaire(\n state,\n transactionId,\n projectId,\n ),\n };\n};\n\nconst mapDispatchToProps = (dispatch, ownProps) => {\n const {\n params: { projectId, transactionId },\n } = ownProps;\n return {\n createFeature: meta => dispatch(createFeature(meta)),\n createResourceName: body => dispatch(createResourceName(body)),\n deleteIndividual: (id, resourceName) => dispatch(deleteIndividual(id, resourceName)),\n finalizeTransaction: body =>\n dispatch(finalizeTransaction(transactionId, projectId, body)),\n setNotice: obj => dispatch(setNotice(obj)),\n setResourceIds: body => dispatch(setResourceIds(transactionId, body)),\n getTransactionQuestionnaire: () =>\n dispatch(getTransactionQuestionnaire(transactionId)),\n updateProjectCounsel: (initialCounsel, chosenCounsel) =>\n dispatch(updateProjectCounsel(initialCounsel, chosenCounsel, projectId)),\n updateResourceName: (body, resourceId) =>\n dispatch(updateResourceName(body, resourceId)),\n updateTransaction: body => dispatch(updateTransaction(transactionId, body)),\n };\n};\n\nconst enhance = connect(mapStateToProps, mapDispatchToProps);\n\nexport default enhance(WorkbenchFormContainer);\n","import React, { Fragment, useState } from 'react';\nimport { DropdownMenu } from 'react-dd-menu';\nimport Modal from 'react-modal';\nimport { useDispatch, useSelector } from 'react-redux';\n\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\n\nimport { IsDocumentTransaction } from '../../redux/modules/Transaction/selectors';\nimport Button from '../common/Button';\nimport InputStyledCheckbox from '../common/InputStyledCheckbox';\n\nimport './FinalizeReviewModal.scss';\nimport { get, isArray, isEmpty, isObject, startCase } from 'lodash-es';\nimport { IsAccountAdmin } from '../../redux/modules/Profile/selectors';\nimport { InputSelect, InputStyledTextField } from '../inputs';\nimport { TwoCharCountryData } from '../../data/CountryData';\nimport { CardElement, useElements, useStripe } from '@stripe/react-stripe-js';\nimport { setNotice } from '../../redux/modules/UI/actions';\nimport { addPaymentMethod } from '../../redux/modules/Billing/operations';\nimport { CurrentCompany } from '../../redux/modules/Company/selectors';\n\nconst bem = elementName => `finalizeReviewModal${elementName ? '__' + elementName : ''}`;\n\nconst ReviewInfo = reviewObj =>\n Object.entries(reviewObj).map(([resourceKey, resourceArr], index) => (\n \n {resourceArr.map((resource, resourceInd) => (\n
\n {resource.resource && (\n \n {`${resource.resource} (${resource['Custom Label']})`} \n \n )}\n {resource.resource && (\n \n {Object.entries(resource).map(([key, value], ind) => {\n if (\n key !== 'resource' &&\n key !== 'Company Name' &&\n key !== 'Name' &&\n key !== 'Custom Label'\n ) {\n let updatedVal = value;\n\n if (isObject(value)) {\n if (value.isDocument) {\n return (\n
\n \n {key}: {value.value}
\n \n \n );\n }\n if (value.isLink) {\n return (\n
\n \n \n );\n }\n if (isArray(value)) {\n return (\n
\n {key}: \n \n {value.map((e, linkIndex) => (\n
\n \n Link #{linkIndex + 1}:\n \n {e.label}\n \n
\n \n ))}\n
\n );\n }\n if (!Object.values(value).join('')) {\n updatedVal = 'None Given';\n } else {\n return (\n
\n {key}: \n {value.line_one}
\n {value.line_two.length > 0 && {value.line_two}
}\n {`${startCase(value.city)}, ${value.state} ${value.zip}`}
\n \n );\n }\n } else if (value.indexOf('|') !== -1) {\n updatedVal = updatedVal.split('|').join(', ');\n }\n return (\n
\n {key}: {updatedVal || 'Not Given'}
\n \n );\n }\n return null;\n })}\n
\n ))}\n
\n Important \n \n
\n \n
\n {isAdmin && !!room_use && !isDocumentTransaction && (\n \n
\n )}\n {isAdmin && !!room_use && !!isDocumentTransaction && (\n \n
\n )}\n {isDocumentTransaction && (\n <>\n {isDevEnv && (\n \n setDevPandadoc(!isDevPandadoc)}\n value={isDevPandadoc}\n />\n
\n )}\n \n
How do you want your document links to be sent? \n setIsAutoSend(true)}\n type=\"radio\"\n value={isAutoSend}\n />\n setIsAutoSend(false)}\n type=\"radio\"\n value={!isAutoSend}\n />\n \n {!!isRedlineAvailable && (\n \n
\n Do you want to enable document redlining/editing?\n * \n \n
setIsDocEditingEnabled(true)}\n type=\"radio\"\n value={isDocEditingEnabled}\n />\n setIsDocEditingEnabled(false)}\n type=\"radio\"\n value={!isDocEditingEnabled}\n />\n \n * \n If enabled, any document recipient can make a document edit suggestion.\n When a suggestion is made, document recipients and reviewers will be\n notified through email. You can enable/disable redlining after you\n finalize.\n
\n \n
\n \n {(isWhiteLabel && '') || ('$' + isAddonsHidden ? feesTotal : amountTotal)}\n setPricingOpen(false)}\n closeOnInsideClick={false}\n isOpen={isPricingOpen}\n toggle={\n \n setPricingOpen(!isPricingOpen)}\n icon={['fal', 'info-circle']}\n />\n \n }\n >\n {fees.length > 0 && (\n <>\n Additional Fees: \n {fees.map((fee, feeInd) => (\n \n {`- ${fee.label} - ${\n (isWhiteLabel && 'Covered by One Tap!') ||\n (fee.is_annual && fee.amount) ||\n '$' + fee.amount\n }`}\n {fee.comment && (\n \n )}\n \n ))}\n \n )}\n {addons.length > 0 && !isAddonsHidden && (\n <>\n Add-ons: \n \n {addons.map((addon, addonInd) => (\n \n {`- ${addon.label} - ${\n isWhiteLabel\n ? 'Covered by One Tap!'\n : '$' + addon.amount + '/'\n }`}\n {(isWhiteLabel && ' ') ||\n (addon.period === 'year' && 'Yr') ||\n 'Mo'}\n \n ))}\n \n \n )}\n {(fees.length > 0 || addons.length > 0) &&\n !get(fees, '[0].is_annual', false) && (\n \n Total -{' '}\n {(isWhiteLabel && 'Covered by One Tap!') ||\n '$' + ((isAddonsHidden && feesTotal) || amountTotal)}\n \n )}\n \n \n And {documentCredits || 'zero'} document credit(s) when you\n finalize.\n \n
\n
Payment \n
\n
\n setName(e.target.value)}\n />\n {\n setCountry(val);\n }}\n />\n
\n {!isEmpty(stripeError) && (\n
\n
\n Error: {stripeError}\n \n \n )}\n
Use as default Payment Method}\n onChange={e => setIsDefault(!isDefault)}\n />\n \n
Payment \n
\n Payment covered by One Tap is currently in the process of getting set up. To\n better know when that will be set up, please{' '}\n \n Contact Support\n {' '}\n \n {!isEmpty(stripeError) && (\n
\n
\n Error: {stripeError}\n \n \n )}\n
\n onClose()}>\n Back\n \n \n {(isAssessment && 'Generate Tasks') ||\n (isOutsideForm && 'Submit') ||\n 'Finalize'}\n \n
\n \n );\n};\n\nexport default FinalizeReviewModal;\n","import React, { useMemo, useState } from 'react';\n\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport classnames from 'classnames';\nimport isEmpty from 'lodash-es/isEmpty';\n\nimport './RoomUserHistoryModal.scss';\nimport ReactModal from 'react-modal';\nimport SortDropdown from '../SortDropdown';\nimport { Button, TooltipAction } from '../common';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { setNotice } from '../../redux/modules/UI/actions';\nimport { addRoomCode } from '../../redux/modules/Data/operations';\nimport dayjs from 'dayjs/esm';\nimport localizedFormat from 'dayjs/plugin/localizedFormat';\nimport { IsFetching } from '../../redux/modules/Data/selectors';\n\ndayjs.extend(localizedFormat);\n\nconst defaultSort = (a, b) => {\n let aDate = new Date(a.created_at);\n let bDate = new Date(b.created_at);\n\n return bDate - aDate;\n};\n\nconst historySortOptions = {\n document_views: {\n label: 'Document Views',\n slug: 'document_views',\n iconType: '1-9',\n sortFunc: (a, b) => {\n if (b.history.action !== 'view' && a.history.action === 'view') {\n return -1;\n } else if (b.history.action === 'view' && a.history.action !== 'view') {\n return 1;\n }\n return defaultSort(a, b);\n },\n },\n document_downloads: {\n label: 'Document Downloads',\n slug: 'document_downloads',\n iconType: '1-9',\n sortFunc: (a, b) => {\n if (b.history.action !== 'download' && a.history.action === 'download') {\n return -1;\n } else if (b.history.action === 'download' && a.history.action !== 'download') {\n return 1;\n }\n return defaultSort(a, b);\n },\n },\n room_visits: {\n label: 'Room Visits',\n slug: 'room_visits',\n iconType: '1-9',\n sortFunc: (a, b) => {\n if (b.history.action !== 'visit' && a.history.action === 'visit') {\n return -1;\n } else if (b.history.action === 'visit' && a.history.action !== 'visit') {\n return 1;\n }\n return defaultSort(a, b);\n },\n },\n form_visits: {\n label: 'Form Visits',\n slug: 'form_visits',\n iconType: '1-9',\n sortFunc: (a, b) => {\n if (b.history.action !== 'visit' && a.history.action === 'visit') {\n return -1;\n } else if (b.history.action === 'form_visit' && a.history.action !== 'form_visit') {\n return 1;\n }\n return defaultSort(a, b);\n },\n },\n date: {\n label: 'Date',\n slug: 'date',\n iconType: 'wide-short',\n sortFunc: defaultSort,\n },\n none: {\n label: 'Default (latest)',\n slug: 'none',\n sortFunc: (a, b) => defaultSort(a, b),\n },\n};\n\nconst RoomUserHistoryModal = ({\n account_id,\n handleClose,\n isOpen,\n params = {},\n roomId,\n roomUserHistory,\n}) => {\n const dispatch = useDispatch();\n const isFetching = useSelector(IsFetching);\n const {\n codes = {},\n docInteractions,\n email,\n history = [],\n name,\n timesVisited,\n } = roomUserHistory;\n let header = name || email;\n\n const [isSortReversed, setSortIsDesc] = useState(true);\n const [sortOption, setSortSlug] = useState(historySortOptions['none']);\n const { slug, sortFunc } = sortOption;\n\n const sortedHistory = useMemo(() => {\n let updatedHistory = history.sort(sortFunc);\n if (!isSortReversed) {\n updatedHistory = updatedHistory.reverse();\n }\n return updatedHistory;\n }, [history, isSortReversed, sortFunc]);\n\n const handleSortHistory = selectedOption => {\n let updatedSortIsDesc = true;\n if (selectedOption.slug === slug) {\n updatedSortIsDesc = !isSortReversed;\n }\n setSortIsDesc(updatedSortIsDesc);\n setSortSlug(selectedOption);\n };\n\n return (\n {\n document.body.classList.remove('ReactModal__Body--open');\n }}\n className=\"RoomUserHistoryModal\"\n overlayClassName=\"RoomUserHistoryModal__overlay\"\n >\n \n
\n
{header} \n {!!name && !!email && {email} }\n \n
\n
\n
\n
Total Visits \n
{timesVisited}
\n
\n
\n
\n Document Interactions\n \n
{docInteractions}
\n
\n
\n {codes.length > 0 && (\n {\n const { REACT_APP_BASEURL } = process.env;\n navigator.clipboard\n .writeText(`${REACT_APP_BASEURL}/data-room/${codes[0].code}`)\n .then(\n () => dispatch(setNotice('Link Copied!')),\n err => console.error('Could not copy text: ', err),\n );\n }}\n >\n \n dispatch(\n addRoomCode(\n { identifier: { type: 'email', value: email } },\n roomId,\n account_id,\n ),\n ).then(() => dispatch(setNotice('Link Emailed')))\n }\n >\n Share Room Link\n \n
\n
\n {isEmpty(sortedHistory) && (\n
\n No history found for {header}.\n \n )}\n {sortedHistory.map((item, ind) => {\n const {\n created_at,\n id,\n history: { action, customer_label, file_label = 'Document' } = {},\n } = item;\n let itemIcon =\n (action === 'view' && 'magnifying-glass') ||\n (action === 'download' && 'file-arrow-down') ||\n (action === 'visit_form' && 'file-alt') ||\n 'clock';\n const mainLabel = customer_label || file_label;\n const subLabel = !!customer_label ? file_label : '';\n const itemLabel =\n (action === 'view' && `Viewed ${mainLabel}`) ||\n (action === 'download' && `Downloaded ${mainLabel}`) ||\n (action === 'visit_form' && 'Visited Room Standing Form') ||\n 'Visited Room';\n\n return (\n
\n \n \n
\n {itemLabel}\n {/* {box_file_id && (\n <>\n {` (`}\n \n {!!customer_label &&
{subLabel}
}\n
{dayjs(created_at).format('LLL')}
\n
{\n setSelectedPlanIndex(index);\n if (index !== 0 && index !== 3 && index !== selectedPlanIndex) {\n dispatch(getSubscriptionPreview(savvi_slug));\n }\n }}\n >\n \n
\n {label}\n {currentPlanIndex !== 0 && index <= currentPlanIndex && (\n * \n )}\n {currentPlanIndex === index && (current) }\n \n {description} \n \n \n \n
{priceLabel} \n {priceValue !== 0 &&
per year
}\n
\n \n
Choose your plan \n \n Current Plan: {plansDict[currentPlanIndex].label} \n \n \n {plansDict.map(renderOption)}
\n {currentPlanIndex !== 0 && (\n \n
\n {!isBelowCurrentPlan && * }\n {isBelowCurrentPlan && {\n e.preventDefault();\n if (window.HubSpotConversations) {\n window.HubSpotConversations.widget.open();\n } else {\n window.hsConversationsOnReady = [\n () => {\n window.HubSpotConversations.widget.open();\n },\n ];\n }\n }}\n >\n message our support\n \n or contact us at{' '}\n \n subscriptions@savvi.legal\n \n \n
\n {selectedPlanIndex !== 0 &&\n selectedPlanIndex !== 3 &&\n !isBelowCurrentPlan &&\n selectedPlanIndex !== currentPlanIndex && (\n
\n
\n Payment\n setIsMethodsShowing(!isMethodsShowing)}\n >\n {isMethodsShowing ? 'Hide other methods' : 'View saved methods'}\n \n )}\n {isAddNewMethod && (\n setIsAddNewMethod(!isAddNewMethod)}\n >\n Use Saved Method\n \n )}\n \n {(methods.length === 0 || isAddNewMethod) && (\n <>\n
\n
\n setName(e.target.value)}\n />\n {\n setCountry(val);\n }}\n />\n
\n {!isEmpty(stripeError) && (\n
\n
\n Error: {stripeError}\n \n \n )}\n
setIsDefault(!isDefault)}\n />\n \n )}\n {methods.length > 0 &&\n !isAddNewMethod &&\n methods.map(\n (e, index) =>\n (isMethodsShowing || selectedMethodIndex === index) && (\n {\n setSelectedMethodIndex(index);\n setIsMethodsShowing(!isMethodsShowing);\n }}\n />\n ),\n )}\n \n {!isAddNewMethod && methods.length > 0 && (\n
{\n setIsMethodsShowing(false);\n setIsAddNewMethod(!isAddNewMethod);\n }}\n >\n Add New Payment\n \n )}\n \n Add ACH Payment Method\n \n {/* {(isAddNewMethod || methods.length === 0) && (\n \n )}\n
\n
Have Questions? \n {\n e.preventDefault();\n if (window.HubSpotConversations) {\n window.HubSpotConversations.widget.open();\n } else {\n window.hsConversationsOnReady = [\n () => {\n window.HubSpotConversations.widget.open();\n },\n ];\n }\n }}\n >\n Contact Us\n \n \n
\n \n Cancel\n \n {isTotalShowing && (\n
\n Total:{' '}\n {(!isFetching || !!submitting) &&\n `${totalLabel}${isTotalProrated ? '*' : ''}`}\n {isFetching && !submitting && \n )}\n \n {selectedPlanIndex === 3 ? 'Talk to us' : 'Subscribe'}\n \n \n {isTotalProrated && isTotalShowing && (\n \n {currentPlanIndex > 0 &&\n '*Any pro-rated subscriptions or billing credits will be applied upon payment.'}\n {currentPlanIndex === 0 &&\n '*Total amount reflects any pro-rated subscriptions or billing credits.'}\n \n )}\n \n );\n};\n\nexport default PlansModal;\n","export { default, PDFViewer } from './OverviewCard';\n","const { REACT_APP_LOG_ENV: logEnv } = process.env;\nif (logEnv !== 'local') {\n module.exports = require('./configureStore.prod');\n} else {\n module.exports = require('./configureStore.dev');\n}\n","import { useEffect, useState } from 'react';\nimport Modal from 'react-modal';\nimport classnames from 'classnames';\nimport InputStyledCheckbox from '../common/InputStyledCheckbox';\nimport { Button, TooltipAction } from '../common';\nimport { useDispatch, useSelector } from 'react-redux';\n\nimport './SettingsBilling.scss';\n\nimport { CardElement, useStripe, useElements } from '@stripe/react-stripe-js';\nimport {\n ApiErrors,\n IsFetching,\n PaymentMethodsWithDefault,\n // PlaidToken,\n} from '../../redux/modules/Billing/selectors';\nimport {\n addACHMethod,\n addPaymentMethod,\n getPaymentMethods,\n // getPlaidToken,\n removeACHMethod,\n removePaymentMethod,\n // savePlaidMethod,\n setDefaultMethod,\n verifyACHMethod,\n} from '../../redux/modules/Billing/operations';\nimport { isEmpty } from 'lodash-es';\nimport { setNotice } from '../../redux/modules/UI/actions';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { Field, Form, Formik } from 'formik';\nimport { Select, StyledCheckbox, TextField } from '../formik';\nimport { TwoCharCountryData } from '../../data/CountryData';\nimport { validateSelect, validateString } from '../../utils/FeatureTypes';\n// import { ReactComponent as PlaidLogo } from '../../assets/images/plaid_logo.svg';\n\n/** Plaid Link React SDK */\n// import { usePlaidLink } from 'react-plaid-link';\n\nconst bem = elementName => `billing${elementName ? '__' + elementName : ''}`;\n\nconst brandIcons = {\n 'American Express': 'amex',\n MasterCard: 'mastercard',\n Discover: 'discover',\n Visa: 'visa',\n};\n\nconst SettingsBilling = () => {\n const dispatch = useDispatch();\n const methods = useSelector(PaymentMethodsWithDefault);\n // const plaidToken = useSelector(PlaidToken);\n\n let defaultMethodIndex = methods.findIndex(e => e.is_default);\n if (defaultMethodIndex === -1) {\n defaultMethodIndex = 0;\n }\n\n const [isModalOpen, toggleModal] = useState(false);\n const [selectedMethodIndex, setSelectedMethodIndex] = useState(0);\n const [modalType, setModalType] = useState('new');\n\n const onSaveDefault = index => {\n const selectedMethod = methods[index];\n if (methods[defaultMethodIndex].id !== selectedMethod.id) {\n dispatch(setDefaultMethod(selectedMethod.id));\n }\n };\n\n const onActionClick = (actionType, index) => {\n if (actionType === 'verify') {\n setModalType('verify_ach');\n setSelectedMethodIndex(index);\n toggleModal(true);\n }\n if (actionType === 'remove') {\n const { brand, last4, id } = methods[index];\n const message = `Are you sure you want to delete the following card? \\n\\n${\n brand || 'Bank Account'\n } •••• ${last4} \\n`;\n\n if (window.confirm(message)) {\n if (!brand) {\n return dispatch(removeACHMethod(id)).then(e => toggleModal(false));\n }\n return dispatch(removePaymentMethod(id)).then(e => toggleModal(false));\n }\n }\n };\n\n const handleModal = cardType => {\n toggleModal(!isModalOpen);\n setModalType(cardType);\n };\n\n useEffect(() => {\n dispatch(getPaymentMethods());\n }, [dispatch]);\n\n // useEffect(() => {\n // if (!plaidToken) {\n // dispatch(getPlaidToken());\n // }\n // }, [dispatch, plaidToken]);\n\n return (\n <>\n \n Payment Methods\n \n \n {methods.length === 0 && (\n
\n
Setup a payment method below. \n \n )}\n {methods.map((e, index) => (\n
\n ))}\n
\n
\n {/*
dispatch(getPaymentMethods())}\n /> */}\n handleModal('new')}>\n Add Card Payment Method\n \n \n
handleModal('add_ach')}>\n Add ACH Payment Method\n \n
toggleModal(false)}\n selectedMethodIndex={selectedMethodIndex}\n />\n \n );\n};\n\n// export const PlaidAction = ({ plaidToken, onSuccess }) => (\n// <>\n// {!plaidToken && (\n// \n// Connect Bank Via \n// )}\n// {!!plaidToken && \n// Connect Bank Via \n
onSaveDefault(index)}\n name={name}\n />\n \n
\n {brand && (\n
Bank Account }\n {status === 'new' && (\n onActionClick('verify', index)}\n >\n Verify ACH\n \n )}\n {status !== 'new' && (\n \n {statusLabel}\n \n )}\n \n
**** **** **** {last4} \n
\n
\n {exp_month ? `${exp_month}/${exp_year}` : bank_label}\n \n {methodsLength > 1 && (\n onActionClick('remove', index)}\n >\n \n
{\n setStripeError('');\n onClose();\n }}\n className={bem('modal')}\n overlayClassName={bem('modalOverlay')}\n >\n {modalAction} \n {modalDescription} \n \n \n \n \n );\n};\n\nexport default SettingsBilling;\n","export { default } from './DocumentsSection';\n","import { combineReducers } from 'redux';\n\nimport { apiErrorsReducer, createReducer, fetchingReducer } from '../../utils';\nimport {\n ADD_ACH_SUCCESS,\n ADD_METHOD_SUCCESS,\n GET_PLAID_TOKEN_SUCCESS,\n GET_METHODS_SUCCESS,\n MERGE_SUBSCRIPTION,\n REMOVE_METHOD,\n SET_DEFAULT_SUCCESS,\n SET_INVOICE,\n GET_SUBSCRIPTION_PREVIEW_SUCCESS,\n VERIFY_ACH_SUCCESS,\n} from './types';\n\nconst isFetching = fetchingReducer('billing');\n\nconst plaidTokenReducer = createReducer('')({\n [GET_PLAID_TOKEN_SUCCESS]: (state, { payload }) => payload.link_token,\n});\n\nconst methodsReducer = createReducer([])({\n [GET_METHODS_SUCCESS]: (state, { payload }) => {\n return payload.methods;\n },\n [ADD_METHOD_SUCCESS]: (state, { payload }) => payload.methods,\n [SET_DEFAULT_SUCCESS]: (state, { payload }) => payload.methods,\n [REMOVE_METHOD]: (state, { payload }) =>\n state.filter(method => method.id !== payload.methodId),\n});\n\nconst defaultMethodReducer = createReducer('')({\n [GET_METHODS_SUCCESS]: (state, { payload }) => payload.default,\n [ADD_METHOD_SUCCESS]: (state, { payload }) => payload.default,\n [SET_DEFAULT_SUCCESS]: (state, { payload }) => payload.default,\n});\n\nconst invoiceReducer = createReducer([])({\n [SET_INVOICE]: (state, { payload }) => payload,\n});\n\nconst subscriptionReducer = createReducer({})({\n [MERGE_SUBSCRIPTION]: (state, { payload }) => ({\n ...state,\n ...payload,\n }),\n});\n\nconst subscriptionPreviewReducer = createReducer({})({\n [GET_SUBSCRIPTION_PREVIEW_SUCCESS]: (state, { payload }) => ({ ...payload.invoice }),\n});\n\nconst achReducer = createReducer({})({\n [ADD_ACH_SUCCESS]: (state, { payload }) => ({ ...state, payload }),\n [VERIFY_ACH_SUCCESS]: (state, { payload }) => ({ ...state, payload }),\n});\n\nconst isSynced = createReducer(false)({});\n\nexport default combineReducers({\n isFetching,\n methods: methodsReducer,\n invoices: invoiceReducer,\n subscription: subscriptionReducer,\n subscriptionPreview: subscriptionPreviewReducer,\n ach: achReducer,\n plaidToken: plaidTokenReducer,\n apiErrors: apiErrorsReducer('billing'),\n defaultMethod: defaultMethodReducer,\n isSynced,\n});\n","import React, { useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useHistory, useLocation, useParams } from 'react-router-dom';\n\nimport classnames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\n\nimport { setCompany } from '../../redux/modules/Company/operations';\nimport { getAccountId } from '../../redux/modules/Formation/selectors';\nimport { Button } from '../common';\nimport AssignTodo from '../AssignTodo';\n\nimport './TasksSection.scss';\nimport { performTaskAction } from '../../redux/modules/Project/operations';\nimport handlePath from '../../utils/handlePath';\nimport dayjs from 'dayjs/esm';\nimport localizedFormat from 'dayjs/plugin/localizedFormat';\n\ndayjs.extend(localizedFormat);\n\nconst sortStrings = (a, b, sortIsDesc) =>\n sortIsDesc ? b.localeCompare(a) : a.localeCompare(b);\n\nconst sortByDate = (aDate, bDate, sortIsDesc) => {\n return sortIsDesc\n ? new Date(aDate).valueOf() - new Date(bDate).valueOf()\n : new Date(bDate).valueOf() - new Date(aDate).valueOf();\n};\n\nconst TasksSection = ({\n handleDeleteProject,\n isHeightUnset,\n isSectionOpenInit,\n isAllTasks,\n isHome,\n isMyDashboard,\n isWarning,\n moduleId,\n sectionLabel,\n transactions,\n}) => {\n const dispatch = useDispatch();\n const currentAccountId = useSelector(getAccountId);\n const [sortIsDesc, setSortIsDesc] = useState(false);\n const [sortSlug, setSortSlug] = useState('');\n const [isSectionOpen, setIsOpen] = useState(isSectionOpenInit);\n const [selectedTodo, setSelectedTodo] = useState({});\n const [isEditTodoOpen, setIsEditTodoOpen] = useState(false);\n\n const myTasks = useMemo(() => {\n const sortedTasks = transactions.sort((a, b) => {\n if (sortSlug === 'name') {\n return sortStrings(a.label, b.label, sortIsDesc);\n }\n if (sortSlug === 'project_name') {\n return sortStrings(a.project_name, b.project_name, sortIsDesc);\n }\n if (sortSlug === 'status') {\n return sortStrings(a.taskStatus, b.taskStatus, sortIsDesc);\n }\n if (sortSlug === 'type') {\n return sortStrings(a.taskType, b.taskType, sortIsDesc);\n }\n if (sortSlug === 'company_name') {\n return sortStrings(a.account_name, b.account_name, sortIsDesc);\n }\n if (sortSlug === 'date') {\n return sortByDate(a.created_at, b.created_at, sortIsDesc);\n }\n // Default to date_updated;\n return sortByDate(a.updated_at, b.updated_at, sortIsDesc);\n });\n return sortedTasks;\n }, [sortIsDesc, sortSlug, transactions]);\n\n const handleSortClick = clickedFilter => {\n if (clickedFilter === sortSlug) {\n if (sortIsDesc) {\n setSortSlug('');\n }\n setSortIsDesc(!sortIsDesc);\n } else {\n setSortIsDesc(false);\n setSortSlug(clickedFilter);\n }\n };\n\n const sortIcon = ['fal', sortIsDesc ? 'sort-amount-up' : 'sort-amount-down'];\n\n return (\n \n
\n {` (${myTasks.length > 0 ? myTasks.length : 'None'})`} \n \n
\n handleSortClick('name')}\n >\n Name\n {sortSlug === 'name' && handleSortClick('project_name')}\n >\n Workflow Name\n {sortSlug === 'project_name' && handleSortClick('company_name')}\n >\n Parent Workspace\n {sortSlug === 'company_name' && handleSortClick('date')}\n >\n Date Created\n {sortSlug === 'date' && setIsOpen(!isSectionOpen)}\n size=\"sm\"\n >\n {!isSectionOpen\n ? `Show ${myTasks.length - 4} more tasks`\n : 'Show fewer tasks'}\n {\n setIsEditTodoOpen(false);\n setSelectedTodo({});\n }}\n />\n \n );\n};\n\nconst TaskRow = props => {\n const {\n account,\n account_id,\n created_at,\n dispatch,\n currentAccountId,\n filename,\n id,\n isAllTasks,\n isHome,\n isMyDashboard,\n label,\n moduleId,\n module_id,\n project_id,\n // project_is_deletable,\n project_name,\n project_template_id,\n setSelectedTodo,\n setIsEditTodoOpen,\n state,\n // updatedActionLabel,\n taskStatus,\n template = {},\n } = props;\n const { push } = useHistory();\n const { search } = useLocation();\n const { companyId } = useParams();\n\n let path = {\n pathname: `/workbench/${module_id || moduleId}/${project_id}/${id}/initialize`,\n search,\n state: { isClicked: true },\n };\n const stateText = taskStatus || state || 'Needs Review';\n\n const handleDeleteTask = e => {\n e.stopPropagation();\n const message = `Are you sure you want to delete ${label || 'this task'}?`;\n if (window.confirm(message)) {\n const parentView =\n (isAllTasks && 'Tasks') ||\n (isHome && 'Home') ||\n (isMyDashboard && 'MyDashboard') ||\n 'Workbench';\n dispatch(performTaskAction('delete', id, null, parentView));\n }\n };\n\n return (\n {\n if (!ev.defaultPrevented) {\n if (isMyDashboard) {\n dispatch(setCompany(account_id, path, account_id === currentAccountId));\n } else {\n push(handlePath(path, companyId));\n }\n }\n }}\n >\n \n {label || 'Unknown name'}\n {isAllTasks && (\n \n {stateText}\n \n )}\n \n {\n const projectPath = {\n pathname: `/workbench/${module_id || moduleId}/${project_id}/0/initialize`,\n search,\n state: { isClicked: true },\n };\n ev.preventDefault();\n if (isMyDashboard) {\n dispatch(\n setCompany(account_id, projectPath, account_id === currentAccountId),\n );\n } else {\n push(handlePath(projectPath, companyId));\n }\n }}\n className=\"tasksSection__listItem tasksSection__listItem--link\"\n >\n {project_name}\n \n {isMyDashboard && {account} }\n \n
{dayjs(created_at).format('L')} \n
\n {taskStatus !== 'Completed' && (\n {\n e.stopPropagation();\n setSelectedTodo({\n account_id,\n id,\n initTodoVals: {\n label: `Complete \"${filename || label}\" Task`,\n },\n project_template_id,\n });\n setIsEditTodoOpen(true);\n }}\n size=\"sm\"\n tooltip=\"Assign\"\n >\n \n
\n
\n {message}\n {isDevError && (\n {\n navigator.clipboard\n .writeText(JSON.stringify(notice.errorObject))\n .then(() => {\n setNotice('Error info copied!');\n });\n }}\n >\n clearNotice(notice)}\n />\n \n );\n }\n}\n\nclass NoticeToasts extends Component {\n componentDidUpdate(prevProps) {\n let duplicateIndex = -1;\n this.props.notices.forEach((notice, noticeIndex) => {\n const existingNoticeIndex = this.props.notices.findIndex(\n el =>\n el.message === notice.message &&\n el.errorObject?._id === notice.errorObject?._id,\n );\n if (existingNoticeIndex !== -1 && existingNoticeIndex !== noticeIndex) {\n duplicateIndex = noticeIndex;\n }\n });\n if (duplicateIndex !== -1) {\n this.props.clearNotice(this.props.notices[duplicateIndex]);\n }\n if (prevProps.isCompanyTokenRefreshing && !this.props.isCompanyTokenRefreshing) {\n this.props.clearNotices();\n }\n }\n render() {\n const { clearNotice, notices, isCompanyTokenRefreshing, setNotice } = this.props;\n return (\n \n {isCompanyTokenRefreshing && (\n
\n );\n }\n}\n\nNoticeToasts.propTypes = {\n notices: PropTypes.array.isRequired,\n};\n\nNoticeToasts.defaultProps = {\n notices: [],\n};\n\nconst mapStateToProps = ({ UI, Company: { isCompanyTokenRefreshing } }) => ({\n notices: getNotices(UI),\n isCompanyTokenRefreshing,\n});\n\nconst mapDispatchToProps = dispatch => ({\n setNotice: notice => dispatch(setNotice(notice)),\n clearNotice: notice => dispatch(clearNotice(notice)),\n clearNotices: notice => dispatch(clearNotices(notice)),\n});\n\nconst enhance = connect(mapStateToProps, mapDispatchToProps);\n\nexport default enhance(NoticeToasts);\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport './SiteMaintenanceBanner.scss';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport Button from '../Button';\nimport dayjs from 'dayjs';\nimport utc from 'dayjs/plugin/utc';\nimport relativeTime from 'dayjs/plugin/relativeTime';\n\ndayjs.extend(utc);\ndayjs.extend(relativeTime);\n\nconst SiteMaintenanceBanner = ({ timeStartUtc, timeEndUtc }) => {\n const [isShowing, setIsShowing] = useState(true);\n\n const startLabel = dayjs.utc(timeStartUtc).local().format('h:mmA');\n const endLabel = dayjs.utc(timeEndUtc).local().format('h:mmA');\n if (dayjs().isAfter(dayjs.utc(timeEndUtc))) {\n return null;\n }\n return (\n \n \n We will be performing site maintenance between {startLabel} & {endLabel} during\n which time the site or certain site features may be temporarily unavailable.\n \n setIsShowing(false)}\n >\n \n {text}\n {children}\n \n );\n};\n\nconst TooltipAction = ({\n text,\n children,\n align = 'center',\n position = 'top',\n Toggle,\n toggleIcon,\n}) => {\n const { width } = UseWindowSize();\n const [isShowing, setIsShowing] = useState(false);\n\n useEffect(() => {\n const handleClose = () => {\n setIsShowing(false);\n };\n if (isShowing) {\n window.addEventListener('click', handleClose);\n }\n return () => window.removeEventListener('click', handleClose);\n }, [isShowing, setIsShowing]);\n\n return (\n \n {Toggle && (\n {\n e.preventDefault();\n if (width < 1024) {\n setIsShowing(!isShowing);\n }\n setIsShowing(!isShowing);\n }}\n />\n )}\n {!Toggle && (\n {\n e.preventDefault();\n if (width < 1024) {\n setIsShowing(!isShowing);\n }\n }}\n icon={toggleIcon}\n />\n )}\n \n {text}\n {children}\n \n \n );\n};\n\nconst TooltipPropTypes = {\n text: PropTypes.string,\n align: PropTypes.oneOf(['left', 'center', 'right']),\n position: PropTypes.oneOf(['bottom', 'left', 'right', 'top']),\n};\n\nTooltip.propTypes = TooltipPropTypes;\nTooltip.defaultProps = {\n align: 'left',\n position: 'top',\n};\n\nTooltipAction.propTypes = {\n ...TooltipPropTypes,\n Toggle: PropTypes.func,\n toggleIcon: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n};\nTooltipAction.defaultProps = {\n align: 'center',\n position: 'top',\n toggleIcon: ['fal', 'question-circle'],\n};\n\nexport { Tooltip as default, TooltipAction };\n","// Box Token Actions\nexport const SET_ACCOUNT_INFO = 'savvi/formation/SET_ACCOUNT_INFO';\n\nexport const GET_FEATURES_REQUEST = 'savvi/formation/GET_FEATURES_REQUEST';\nexport const GET_ACCOUNT_INFO_REQUEST = 'savvi/formation/GET_ACCOUNT_INFO_REQUEST';\nexport const PATCH_ACCOUNT_INFO_REQUEST = 'savvi/formation/PATCH_ACCOUNT_INFO_REQUEST';\n\nexport const GET_FEATURES_FAILED = 'savvi/formation/GET_FEATURES_FAILED';\nexport const GET_ACCOUNT_INFO_FAILED = 'savvi/formation/GET_ACCOUNT_INFO_FAILED';\nexport const PATCH_ACCOUNT_INFO_FAILED = 'savvi/formation/PATCH_ACCOUNT_INFO_FAILED';\n\nexport const GET_FEATURES_SUCCESS = 'savvi/formation/GET_FEATURES_SUCCESS';\nexport const GET_ACCOUNT_INFO_SUCCESS = 'savvi/formation/GET_ACCOUNT_INFO_SUCCESS';\nexport const PATCH_ACCOUNT_INFO_SUCCESS = 'savvi/formation/PATCH_ACCOUNT_INFO_SUCCESS';\n\nexport const SET_LABEL = 'savvi/formation/SET_LABEL';\nexport const SET_LABEL_REQUEST = 'savvi/formation/SET_LABEL_REQUEST';\nexport const SET_LABEL_FAILED = 'savvi/formation/SET_LABEL_FAILED';\nexport const SET_LABEL_SUCCESS = 'savvi/formation/SET_LABEL_SUCCESS';\n\nexport const FINALIZE_TASK_REQUEST = 'savvi/formation/FINALIZE_TASK_REQUEST';\nexport const FINALIZE_TASK_FAILED = 'savvi/formation/FINALIZE_TASK_FAILED';\nexport const FINALIZE_TASK_SUCCESS = 'savvi/formation/FINALIZE_TASK_SUCCESS';\n\nexport const PATCH_FEATURE_REQUEST = 'savvi/formation/PATCH_FEATURE_REQUEST';\nexport const PATCH_FEATURE_FAILED = 'savvi/formation/PATCH_FEATURE_FAILED';\nexport const PATCH_FEATURE_SUCCESS = 'savvi/formation/PATCH_FEATURE_SUCCESS';\n\nexport const CREATE_FEATURE_REQUEST = 'savvi/formation/CREATE_FEATURE_REQUEST';\nexport const CREATE_FEATURE_FAILED = 'savvi/formation/CREATE_FEATURE_FAILED';\nexport const CREATE_FEATURE_SUCCESS = 'savvi/formation/CREATE_FEATURE_SUCCESS';\n\nexport const SET_FEATURES = 'savvi/formation/SET_FEATURES';\nexport const SET_FEATURE = 'savvi/formation/SET_FEATURE';\nexport const PATCH_FEATURE = 'savvi/formation/PATCH_FEATURE';\n\nexport const CLEAR_ERRORS = 'savvi/formation/CLEAR_ERRORS';\n\nexport const UPDATE_COMPANY_SIGNATORY_REQUEST =\n 'savvi/formation/UPDATE_COMPANY_SIGNATORY_REQUEST';\nexport const UPDATE_COMPANY_SIGNATORY_FAILED =\n 'savvi/formation/UPDATE_COMPANY_SIGNATORY_FAILED';\nexport const UPDATE_COMPANY_SIGNATORY_SUCCESS =\n 'savvi/formation/UPDATE_COMPANY_SIGNATORY_SUCCESS';\n\nexport const GET_RESOURCES_BY_TYPE_ID_REQUEST =\n 'savvi/formation/GET_RESOURCES_BY_TYPE_ID_REQUEST';\nexport const GET_RESOURCES_BY_TYPE_ID_FAILED =\n 'savvi/formation/GET_RESOURCES_BY_TYPE_ID_FAILED';\nexport const GET_RESOURCES_BY_TYPE_ID_SUCCESS =\n 'savvi/formation/GET_RESOURCES_BY_TYPE_ID_SUCCESS';\nexport const SET_RESOURCES_BY_TYPE_ID = 'savvi/formation/SET_RESOURCES_BY_TYPE_ID';\n\nexport const GET_RESOURCE_BY_ID_REQUEST = 'savvi/formation/GET_RESOURCE_BY_ID_REQUEST';\nexport const GET_RESOURCE_BY_ID_FAILED = 'savvi/formation/GET_RESOURCE_BY_ID_FAILED';\nexport const GET_RESOURCE_BY_ID_SUCCESS = 'savvi/formation/GET_RESOURCE_BY_ID_SUCCESS';\nexport const SET_RESOURCE_BY_ID = 'savvi/formation/SET_RESOURCE_BY_ID';\n\nexport const MERGE_RESOURCE_REQUEST = 'savvi/formation/MERGE_RESOURCE_REQUEST';\nexport const MERGE_RESOURCE_FAILED = 'savvi/formation/MERGE_RESOURCE_FAILED';\nexport const MERGE_RESOURCE_SUCCESS = 'savvi/formation/MERGE_RESOURCE_SUCCESS';\n\nexport const DELETE_INDIVIDUAL_REQUEST = 'savvi/formation/DELETE_INDIVIDUAL_REQUEST';\nexport const DELETE_INDIVIDUAL_FAILED = 'savvi/formation/DELETE_INDIVIDUAL_FAILED';\nexport const DELETE_INDIVIDUAL_SUCCESS = 'savvi/formation/DELETE_INDIVIDUAL_SUCCESS';\nexport const REMOVE_INDIVIDUAL = 'savvi/formation/REMOVE_INDIVIDUAL';\n","// export const GET_CUSTOM_DOCUMENT_REQUEST =\n// 'savvi/document/GET_CUSTOM_DOCUMENT_REQUEST';\n// export const GET_CUSTOM_DOCUMENT_SUCCESS =\n// 'savvi/document/GET_CUSTOM_DOCUMENT_SUCCESS';\n// export const GET_CUSTOM_DOCUMENT_FAILED = 'savvi/document/GET_CUSTOM_DOCUMENT_FAILED';\n// export const UPDATE_CUSTOM_DOCUMENT_REQUEST =\n// 'savvi/document/UPDATE_CUSTOM_DOCUMENT_REQUEST';\n// export const UPDATE_CUSTOM_DOCUMENT_SUCCESS =\n// 'savvi/document/UPDATE_CUSTOM_DOCUMENT_SUCCESS';\n// export const UPDATE_CUSTOM_DOCUMENT_FAILED =\n// 'savvi/document/UPDATE_CUSTOM_DOCUMENT_FAILED';\n// export const CREATE_CUSTOM_DOCUMENT_REQUEST =\n// 'savvi/document/CREATE_CUSTOM_DOCUMENT_REQUEST';\n// export const CREATE_CUSTOM_DOCUMENT_SUCCESS =\n// 'savvi/document/CREATE_CUSTOM_DOCUMENT_SUCCESS';\n// export const CREATE_CUSTOM_DOCUMENT_FAILED =\n// 'savvi/document/CREATE_CUSTOM_DOCUMENT_FAILED';\n// export const ADD_CUSTOM_DOCUMENT = 'savvi/document/ADD_CUSTOM_DOCUMENT';\n// export const SET_CUSTOM_DOCUMENT = 'savvi/document/SET_CUSTOM_DOCUMENT';\n\nexport const SET_DOCUMENTS_BY_TRANSACTION = 'savvi/document/SET_DOCUMENTS_BY_TRANSACTION';\nexport const SET_DOCUMENT_REVIEWER_REQUEST =\n 'savvi/document/SET_DOCUMENT_REVIEWER_REQUEST';\nexport const SET_DOCUMENT_REVIEWER_SUCCESS =\n 'savvi/document/SET_DOCUMENT_REVIEWER_SUCCESS';\nexport const SET_DOCUMENT_REVIEWER_FAILED = 'savvi/document/SET_DOCUMENT_REVIEWER_FAILED';\n\nexport const UPLOAD_DOCUMENT_REQUEST = 'savvi/document/UPLOAD_DOCUMENT_REQUEST';\nexport const UPLOAD_DOCUMENT_SUCCESS = 'savvi/document/UPLOAD_DOCUMENT_SUCCESS';\nexport const UPLOAD_DOCUMENT_FAILED = 'savvi/document/UPLOAD_DOCUMENT_FAILED';\n\nexport const POST_REDLINING_VERSION_REQUEST =\n 'savvi/document/POST_REDLINING_VERSION_REQUEST';\nexport const POST_REDLINING_VERSION_SUCCESS =\n 'savvi/document/POST_REDLINING_VERSION_SUCCESS';\nexport const POST_REDLINING_VERSION_FAILED =\n 'savvi/document/POST_REDLINING_VERSION_FAILED';\n\nexport const GET_PROJECT_DOCUMENTS_REQUEST =\n 'savvi/document/GET_PROJECT_DOCUMENTS_REQUEST';\nexport const GET_PROJECT_DOCUMENTS_SUCCESS =\n 'savvi/document/GET_PROJECT_DOCUMENTS_SUCCESS';\nexport const GET_PROJECT_DOCUMENTS_FAILED = 'savvi/document/GET_PROJECT_DOCUMENTS_FAILED';\nexport const SET_DOCUMENTS_BY_PROJECT = 'savvi/document/SET_DOCUMENTS_BY_PROJECT';\n\nexport const GET_TRANSACTION_DOCUMENTS_REQUEST =\n 'savvi/document/GET_TRANSACTION_DOCUMENTS_REQUEST';\nexport const GET_TRANSACTION_DOCUMENTS_SUCCESS =\n 'savvi/document/GET_TRANSACTION_DOCUMENTS_SUCCESS';\nexport const GET_TRANSACTION_DOCUMENTS_FAILED =\n 'savvi/document/GET_TRANSACTION_DOCUMENTS_FAILED';\n\nexport const GET_DOCUMENTS_REQUEST = 'savvi/document/GET_DOCUMENTS_REQUEST';\nexport const GET_DOCUMENTS_SUCCESS = 'savvi/document/GET_DOCUMENTS_SUCCESS';\nexport const GET_DOCUMENTS_FAILED = 'savvi/document/GET_DOCUMENTS_FAILED';\nexport const SET_DOCUMENTS = 'savvi/document/SET_DOCUMENTS';\nexport const SET_DOCUMENT_ERROR = 'savvi/document/SET_DOCUMENT_ERROR';\nexport const CLEAR_DOCUMENT_ERROR = 'savvi/document/CLEAR_DOCUMENT_ERROR';\n\nexport const DELETE_DOCUMENT_UPLOAD_REQUEST =\n 'savvi/document/DELETE_DOCUMENT_UPLOAD_REQUEST';\nexport const DELETE_DOCUMENT_UPLOAD_SUCCESS =\n 'savvi/document/DELETE_DOCUMENT_UPLOAD_SUCCESS';\nexport const DELETE_DOCUMENT_UPLOAD_FAILED =\n 'savvi/document/DELETE_DOCUMENT_UPLOAD_FAILED';\n\nexport const GET_DOCUMENT_RECIPIENT_LINK_REQUEST =\n 'savvi/document/GET_DOCUMENT_RECIPIENT_LINK_REQUEST';\nexport const GET_DOCUMENT_RECIPIENT_LINK_SUCCESS =\n 'savvi/document/GET_DOCUMENT_RECIPIENT_LINK_SUCCESS';\nexport const GET_DOCUMENT_RECIPIENT_LINK_FAILED =\n 'savvi/document/GET_DOCUMENT_RECIPIENT_LINK_FAILED';\nexport const SET_DOCUMENT_RECIPIENTS_LINKS =\n 'savvi/document/SET_DOCUMENT_RECIPIENTS_LINKS';\n\nexport const RESEND_LINK_EMAIL_REQUEST = 'savvi/formation/RESEND_LINK_EMAIL_REQUEST';\nexport const RESEND_LINK_EMAIL_FAILED = 'savvi/formation/RESEND_LINK_EMAIL_FAILED';\nexport const RESEND_LINK_EMAIL_SUCCESS = 'savvi/formation/RESEND_LINK_EMAIL_SUCCESS';\n\nexport const GET_ALL_DOCUMENTS_REQUEST = 'savvi/document/GET_ALL_DOCUMENTS_REQUEST';\nexport const GET_ALL_DOCUMENTS_SUCCESS = 'savvi/document/GET_ALL_DOCUMENTS_SUCCESS';\nexport const GET_ALL_DOCUMENTS_FAILED = 'savvi/document/GET_ALL_DOCUMENTS_FAILED';\nexport const SET_ALL_DOCUMENTS = 'savvi/document/SET_ALL_DOCUMENTS';\n\nexport const GET_USER_DOCUMENTS_REQUEST = 'savvi/document/GET_USER_DOCUMENTS_REQUEST';\nexport const GET_USER_DOCUMENTS_SUCCESS = 'savvi/document/GET_USER_DOCUMENTS_SUCCESS';\nexport const GET_USER_DOCUMENTS_FAILED = 'savvi/document/GET_USER_DOCUMENTS_FAILED';\nexport const SET_USER_DOCUMENTS = 'savvi/document/SET_USER_DOCUMENTS';\n","import { RSAA } from 'redux-api-middleware';\nimport { push, replace } from 'connected-react-router';\n\nimport { requestHeaders } from '../../utils/api';\nimport { setNotice } from '../UI/actions';\nimport { setInitLoading, setAccountFromToken } from '../User/actions';\nimport * as actions from './actions';\nimport * as Types from './types';\nimport handlePath from '../../../utils/handlePath';\nimport {\n decodeToken,\n getDecodedToken,\n getStoredCompanyId,\n getStoredToken,\n} from '../User/utils';\nimport { get, isObjectLike, isString } from 'lodash-es';\nimport { getAccountInfo } from '../Formation/operations';\nimport { fetchAccountRooms } from '../Data/operations';\nimport { setBoxToken } from '../Cabinet/actions';\nimport { setAccountProjects, setProjects } from '../Project/actions';\nimport { setTransactionsByModule } from '../Transaction/actions';\nimport { setAccountTodos } from '../Todos/actions';\nimport { setSavviPartners } from '../Profile/actions';\nimport { connectPartner } from '../User/operations';\n\nexport const getCompanies = (isLogin, push, search) => {\n const REQUEST = Types[`GET_COMPANIES_REQUEST`];\n const SUCCESS = Types[`GET_COMPANIES_SUCCESS`];\n const FAILED = Types[`GET_COMPANIES_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/user/accounts`,\n method: 'GET',\n headers: requestHeaders(true, 'user'),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n // if (isLogin && actionResponse.payload.length > 0) {\n // if (isLogin) {\n // await dispatch(actions.setCompaniesById(actionResponse.payload));\n // return await push({ pathname: '/company-select', search });\n // }\n await dispatch(actions.setCompaniesById(actionResponse.payload));\n return await actionResponse;\n } else {\n throw actionResponse.payload.message;\n }\n };\n};\n\nexport const updateCompanyPreferences = (body, accountId) => {\n const REQUEST = Types[`POST_COMPANY_PREFERENCE_REQUEST`];\n const SUCCESS = Types[`POST_COMPANY_PREFERENCE_SUCCESS`];\n const FAILED = Types[`POST_COMPANY_PREFERENCE_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/user/accounts/${accountId}/preference`,\n method: 'POST',\n headers: requestHeaders(true, 'user'),\n body: JSON.stringify(body, null, 2),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n // await dispatch(actions.setCompaniesById(actionResponse.payload));\n return await actionResponse;\n } else {\n throw actionResponse.payload.message;\n }\n };\n};\n\nexport const removeCompanyPreferences = accountId => {\n const REQUEST = Types[`DELETE_COMPANY_PREFERENCE_REQUEST`];\n const SUCCESS = Types[`DELETE_COMPANY_PREFERENCE_SUCCESS`];\n const FAILED = Types[`DELETE_COMPANY_PREFERENCE_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/user/accounts/${accountId}/preference`,\n method: 'DELETE',\n headers: requestHeaders(true, 'user'),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n // await dispatch(actions.setCompaniesById(actionResponse.payload));\n return await actionResponse;\n } else {\n throw actionResponse.payload.message;\n }\n };\n};\n\nexport const refreshCompanyToken = (account_id, user_id, isLocked, isRoom) => {\n const REQUEST = Types[`REFRESH_COMPANY_TOKEN_REQUEST`];\n const SUCCESS = Types[`REFRESH_COMPANY_TOKEN_SUCCESS`];\n const FAILED = Types[`REFRESH_COMPANY_TOKEN_FAILED`];\n return async (dispatch, getState) => {\n if (isLocked) {\n await dispatch(setInitLoading(true));\n await dispatch(actions.setCompanyTokenRefreshing(true));\n }\n const { impersonator_id, userId } = getDecodedToken(getStoredToken(account_id));\n let body = { account_id };\n if (user_id) {\n body.user_id = user_id;\n } else if (impersonator_id) {\n body.user_id = userId;\n }\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/authn/access_token`, // alias of /authn/exchange\n method: 'POST',\n headers: requestHeaders(true, 'user'),\n body: JSON.stringify(body, null, 2),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n let decodedToken = decodeToken(actionResponse.payload.access_token);\n await dispatch(setAccountFromToken(decodedToken));\n await dispatch(getAccountInfo(account_id));\n const partnerCode = localStorage.getItem('partner_code');\n if (partnerCode) {\n await dispatch(connectPartner(partnerCode));\n localStorage.removeItem('partner_code');\n }\n if (!isRoom && !isLocked) {\n await dispatch(fetchAccountRooms(account_id));\n }\n if (isLocked) {\n await dispatch(setInitLoading(false));\n await dispatch(actions.setCompanyTokenRefreshing(false));\n }\n return await actionResponse.payload;\n }\n const unauthedRoutes = [\n 'forgot-password',\n 'login',\n 'register',\n 'reset-password',\n 'plans',\n 'terms',\n 'remote-login',\n 'room',\n 'outside-form',\n ];\n if (isLocked) {\n await dispatch(setInitLoading(false));\n await dispatch(actions.setCompanyTokenRefreshing(false));\n }\n if (\n actionResponse.payload.code === 'UNAUTHORIZED' &&\n unauthedRoutes.findIndex(e => JSON.stringify(window.location.href).includes(e)) ===\n -1\n ) {\n dispatch(\n setNotice({\n type: 'warning',\n message: 'To access that page you must be an admin of its parent Workspace.',\n // message: 'Unable to access view, redirected to company selection.',\n }),\n );\n await dispatch(replace('/c/0/company-select'));\n return await actionResponse.payload;\n }\n throw await actionResponse.payload;\n };\n};\n\nexport const setCompany = (\n accountId,\n path = '/home',\n isCurrent,\n gotoType = 'push',\n isPathLocked,\n) => {\n const REQUEST = Types[`SET_COMPANY_TOKEN_REQUEST`];\n const SUCCESS = Types[`SET_COMPANY_TOKEN_SUCCESS`];\n const FAILED = Types[`SET_COMPANY_TOKEN_FAILED`];\n const history = { push, replace };\n\n let updatedPath = isPathLocked ? path : handlePath(path || '/home', accountId);\n let storedCompanyId = getStoredCompanyId();\n if (!isPathLocked && storedCompanyId !== accountId && isString(updatedPath.search)) {\n if (updatedPath.search.includes(`%2Fc%2F${storedCompanyId}`)) {\n updatedPath.search = updatedPath.search.replace(\n `%2Fc%2F${storedCompanyId}`,\n `%2Fc%2F${accountId}`,\n );\n } else if (updatedPath.search.includes(`/c/${storedCompanyId}`)) {\n updatedPath.search = updatedPath.search.replace(\n `/c/${storedCompanyId}`,\n `/c/${accountId}`,\n );\n } else if (updatedPath.search.includes(`2Fc%2F0`)) {\n updatedPath.search = updatedPath.search.replace(`2Fc%2F0`, `2Fc%2F${accountId}`);\n } else if (updatedPath.search.includes(`/c/0`)) {\n updatedPath.search = updatedPath.search.replace(`/c/0`, `/c/${accountId}`);\n }\n } else if (!isPathLocked && isString(updatedPath.search)) {\n if (updatedPath.search.includes('%2Fc%2F0')) {\n updatedPath.search = updatedPath.search.replace('%2Fc%2F0', `%2Fc%2F${accountId}`);\n } else if (updatedPath.search.includes('/c/0')) {\n updatedPath.search = updatedPath.search.replace('/c/0', `/c/${accountId}`);\n }\n }\n return async (dispatch, getState) => {\n if (isCurrent) {\n return await dispatch(history[gotoType](updatedPath));\n }\n await dispatch(setInitLoading(true));\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/authn/access_token`, // alias of /authn/exchange\n method: 'POST',\n headers: requestHeaders(true, 'user'),\n body: JSON.stringify({ account_id: accountId }, null, 2),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n let decodedToken = decodeToken(actionResponse.payload.access_token);\n await dispatch(setAccountFromToken(decodedToken));\n await dispatch(getAccountInfo(accountId));\n await dispatch(fetchAccountRooms(accountId));\n await dispatch(history[gotoType](updatedPath));\n /** clear store */\n await dispatch(setBoxToken({}));\n await dispatch(setProjects([]));\n await dispatch(setAccountProjects([]));\n await dispatch(setTransactionsByModule([], 'tasks'));\n await dispatch(setTransactionsByModule([], '-1'));\n await dispatch(setAccountTodos([]));\n await dispatch(setSavviPartners({ my_partners: [] }));\n await dispatch(actions.setCompanyDataTables([]));\n\n const partnerCode = localStorage.getItem('partner_code');\n if (partnerCode) {\n await dispatch(connectPartner(partnerCode));\n localStorage.removeItem('partner_code');\n }\n\n await dispatch(setInitLoading(false));\n // dispatch(window.location.reload());\n } else {\n const unauthedRoutes = [\n 'forgot-password',\n 'login',\n 'register',\n 'reset-password',\n 'plans',\n 'terms',\n 'remote-login',\n 'room',\n 'outside-form',\n ];\n if (\n actionResponse.payload.code === 'UNAUTHORIZED' &&\n unauthedRoutes.findIndex(e => JSON.stringify(updatedPath).includes(e)) === -1\n ) {\n dispatch(\n setNotice({\n type: 'warning',\n message: 'To access that page you must be an admin of its parent Workspace.',\n }),\n );\n // await dispatch(push('/c/0/company-select'));\n } else {\n dispatch(\n setNotice({\n type: 'error',\n message: get(\n actionResponse,\n 'payload.message',\n 'An error has occurred. if error persists, please contact support',\n ),\n }),\n );\n }\n await dispatch(setInitLoading(false));\n throw await actionResponse.payload.message;\n }\n };\n};\n\nexport const createNewCompany = (body, passedLoc, isFirstCompany) => {\n const REQUEST = Types[`CREATE_COMPANY_REQUEST`];\n const SUCCESS = Types[`CREATE_COMPANY_SUCCESS`];\n const FAILED = Types[`CREATE_COMPANY_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/user/accounts`,\n method: 'POST',\n headers: requestHeaders(true, 'user'),\n types: [REQUEST, SUCCESS, FAILED],\n body: () => JSON.stringify(body),\n },\n });\n if (actionResponse.error) {\n if (isObjectLike(actionResponse.payload)) {\n dispatch(setNotice({ type: 'error', message: actionResponse.payload.message }));\n } else {\n dispatch(setNotice({ type: 'error', message: actionResponse.payload }));\n }\n throw actionResponse.payload;\n }\n\n if (!actionResponse.error) {\n // Hubspot integration\n await dispatch(\n setNotice({\n message: 'Company Added! Please wait a few seconds as we set everything up.',\n }),\n );\n const url = window.location.href;\n if (url.includes('paperos') && !url.includes('onetaptalent')) {\n localStorage.setItem('partner_code', 'onetaptalent');\n }\n return await setTimeout(async () => {\n const { account_id } = actionResponse.payload;\n // await dispatch(setAccountFromToken(decodedToken));\n let updatedPath = {\n pathname: `/c/${account_id}/home`,\n ...passedLoc,\n state: { isPlansShowing: !passedLoc?.search && isFirstCompany },\n };\n if (isString(updatedPath.search)) {\n if (updatedPath.search.includes('%2Fc%2F0')) {\n updatedPath.search = updatedPath.search.replace(\n '%2Fc%2F0',\n `%2Fc%2F${account_id}`,\n );\n } else if (updatedPath.search.includes('/c/0')) {\n updatedPath.search = updatedPath.search.replace('/c/0', `/c/${account_id}`);\n }\n }\n await dispatch(getCompanies());\n return dispatch(setCompany(actionResponse.payload.account_id, updatedPath));\n }, 2000);\n }\n };\n};\n\nexport const fetchCompanyDataTables = account_id => {\n const REQUEST = Types[`GET_COMPANY_DATA_TABLES_REQUEST`];\n const SUCCESS = Types[`GET_COMPANY_DATA_TABLES_SUCCESS`];\n const FAILED = Types[`GET_COMPANY_DATA_TABLES_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/reports`,\n method: 'GET',\n headers: requestHeaders(true, account_id),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n return await dispatch(actions.setCompanyDataTables(actionResponse.payload));\n } else {\n let err = new Error(actionResponse.payload?.message || 'An error has occurred.');\n throw err;\n }\n };\n};\n","// import decode from 'jwt-decode';\n\nimport {\n CLEAR_ERRORS,\n LOGOUT,\n SET_ACCOUNT,\n SET_BOX_TOKEN,\n SET_CHECKPOINTS,\n SET_INIT_LOADING,\n SET_NOTIFICATIONS,\n SET_PARTNER_BY_CODE,\n SET_PARTNER_CODE,\n SET_USER,\n} from './types';\n\nexport function clearErrors(payload, key) {\n return {\n type: CLEAR_ERRORS,\n };\n}\n\nexport function setCheckpoints(payload) {\n localStorage.setItem('checkpoints', JSON.stringify(payload));\n return {\n type: SET_CHECKPOINTS,\n payload,\n };\n}\n\nexport const setBoxToken = token => {\n return {\n type: SET_BOX_TOKEN,\n payload: { token },\n };\n};\n\nexport const setInitLoading = isLoading => ({\n type: SET_INIT_LOADING,\n isLoading,\n});\n\nexport const setNotifications = payload => ({\n type: SET_NOTIFICATIONS,\n payload,\n});\n\nexport const setPartnerByCode = (payload, code) => ({\n type: SET_PARTNER_BY_CODE,\n payload,\n code,\n});\nexport const setPartnerCode = code => ({\n type: SET_PARTNER_CODE,\n code,\n});\n\nexport const setUserFromToken = decodedToken => {\n let tokens = JSON.parse(localStorage.id_tokens || '{}');\n\n localStorage.setItem(\n 'id_tokens',\n JSON.stringify({\n ...tokens,\n 0: decodedToken.id_token,\n }),\n );\n return {\n type: SET_USER,\n payload: decodedToken,\n };\n};\n\nexport const setAccountFromToken = decodedToken => {\n let tokens = JSON.parse(localStorage.id_tokens || '{}');\n\n localStorage.setItem(\n 'id_tokens',\n JSON.stringify({\n ...tokens,\n [decodedToken.accountId || '0']: decodedToken.id_token,\n }),\n );\n return {\n type: SET_ACCOUNT,\n payload: decodedToken,\n };\n};\n\nexport const logoutUser = () => {\n localStorage.removeItem('id_tokens');\n localStorage.removeItem('id_token');\n localStorage.removeItem('storedLocation');\n localStorage.removeItem('hide_verify');\n localStorage.removeItem('redirectLoc');\n return {\n type: LOGOUT,\n };\n};\n","export const RESET_ERRORS = 'savvi/project/RESET_ERRORS';\nexport const SET_ERRORS = 'savvi/project/SET_ERRORS';\n\nexport const GET_PROJECTS_REQUEST = 'savvi/project/GET_PROJECTS_REQUEST';\nexport const GET_PROJECTS_SUCCESS = 'savvi/project/GET_PROJECTS_SUCCESS';\nexport const GET_PROJECTS_FAILED = 'savvi/project/GET_PROJECTS_FAILED';\n\nexport const GET_PROJECT_REQUEST = 'savvi/project/GET_PROJECT_REQUEST';\nexport const GET_PROJECT_SUCCESS = 'savvi/project/GET_PROJECT_SUCCESS';\nexport const GET_PROJECT_FAILED = 'savvi/project/GET_PROJECT_FAILED';\n\nexport const POST_PROJECT_REQUEST = 'savvi/project/POST_PROJECT_REQUEST';\nexport const POST_PROJECT_SUCCESS = 'savvi/project/POST_PROJECT_SUCCESS';\nexport const POST_PROJECT_FAILED = 'savvi/project/POST_PROJECT_FAILED';\n\nexport const SET_PROJECTS = 'savvi/project/SET_PROJECTS';\nexport const SET_PROJECT = 'savvi/project/SET_PROJECT';\n\nexport const GET_ACCOUNT_PROJECTS_REQUEST = 'savvi/project/GET_ACCOUNT_PROJECTS_REQUEST';\nexport const GET_ACCOUNT_PROJECTS_SUCCESS = 'savvi/project/GET_ACCOUNT_PROJECTS_SUCCESS';\nexport const GET_ACCOUNT_PROJECTS_FAILED = 'savvi/project/GET_ACCOUNT_PROJECTS_FAILED';\n\nexport const DELETE_ACCOUNT_PROJECT_REQUEST =\n 'savvi/project/DELETE_ACCOUNT_PROJECT_REQUEST';\nexport const DELETE_ACCOUNT_PROJECT_SUCCESS =\n 'savvi/project/DELETE_ACCOUNT_PROJECT_SUCCESS';\nexport const DELETE_ACCOUNT_PROJECT_FAILED =\n 'savvi/project/DELETE_ACCOUNT_PROJECT_FAILED';\n\nexport const GET_ACCOUNT_PROJECT_REQUEST = 'savvi/project/GET_ACCOUNT_PROJECT_REQUEST';\nexport const GET_ACCOUNT_PROJECT_SUCCESS = 'savvi/project/GET_ACCOUNT_PROJECT_SUCCESS';\nexport const GET_ACCOUNT_PROJECT_FAILED = 'savvi/project/GET_ACCOUNT_PROJECT_FAILED';\n\nexport const UPDATE_PROJECT_REQUEST = 'savvi/project/UPDATE_PROJECT_REQUEST';\nexport const UPDATE_PROJECT_SUCCESS = 'savvi/project/UPDATE_PROJECT_SUCCESS';\nexport const UPDATE_PROJECT_FAILED = 'savvi/project/UPDATE_PROJECT_FAILED';\n\nexport const SET_ACCOUNT_PROJECT = 'savvi/project/SET_ACCOUNT_PROJECT';\nexport const SET_ACCOUNT_PROJECTS = 'savvi/project/SET_ACCOUNT_PROJECTS';\n\nexport const GET_RESOURCE_REQUEST = 'savvi/project/GET_RESOURCE_REQUEST';\nexport const GET_RESOURCE_SUCCESS = 'savvi/project/GET_RESOURCE_SUCCESS';\nexport const GET_RESOURCE_FAILED = 'savvi/project/GET_RESOURCE_FAILED';\n\nexport const PERFORM_TASK_ACTION_REQUEST = 'savvi/project/PERFORM_TASK_ACTION_REQUEST';\nexport const PERFORM_TASK_ACTION_SUCCESS = 'savvi/project/PERFORM_TASK_ACTION_SUCCESS';\nexport const PERFORM_TASK_ACTION_FAILED = 'savvi/project/PERFORM_TASK_ACTION_FAILED';\n\nexport const UPDATE_TASK_VARIANT_REQUEST = 'savvi/project/UPDATE_TASK_VARIANT_REQUEST';\nexport const UPDATE_TASK_VARIANT_SUCCESS = 'savvi/project/UPDATE_TASK_VARIANT_SUCCESS';\nexport const UPDATE_TASK_VARIANT_FAILED = 'savvi/project/UPDATE_TASK_VARIANT_FAILED';\n\nexport const DELETE_PROJECT_COUNSEL_REQUEST =\n 'savvi/project/DELETE_PROJECT_COUNSEL_REQUEST';\nexport const DELETE_PROJECT_COUNSEL_SUCCESS =\n 'savvi/project/DELETE_PROJECT_COUNSEL_SUCCESS';\nexport const DELETE_PROJECT_COUNSEL_FAILED =\n 'savvi/project/DELETE_PROJECT_COUNSEL_FAILED';\n\nexport const ADD_PROJECT_COUNSEL_REQUEST = 'savvi/project/ADD_PROJECT_COUNSEL_REQUEST';\nexport const ADD_PROJECT_COUNSEL_SUCCESS = 'savvi/project/ADD_PROJECT_COUNSEL_SUCCESS';\nexport const ADD_PROJECT_COUNSEL_FAILED = 'savvi/project/ADD_PROJECT_COUNSEL_FAILED';\n","import get from 'lodash-es/get';\nimport { defaultMemoize } from 'reselect';\n// import find from 'lodash-es/find';\n\nexport const getStoredCheckpoints = defaultMemoize(\n state =>\n JSON.parse(localStorage.getItem('checkpoints')) || get(state, 'checkpoints', []),\n);\n\nexport const isFetchingAuth = defaultMemoize(state => state.Auth.isFetching || false);\n\nexport const shouldCheckpointShow = defaultMemoize(\n (state, slug) => !get(state, 'checkpoints', []).find(e => e === slug),\n);\n\nexport const partnerMetaByCode = defaultMemoize((state, code) =>\n get(state, `partners.byCode[${code}]`, {}),\n);\n\nexport const getAuthUser = defaultMemoize((state, code) => get(state, 'Auth.user', {}));\nexport const getAuthAccount = defaultMemoize((state, code) =>\n get(state, 'Auth.account', {}),\n);\nexport const getIdToken = defaultMemoize(state => get(state, 'Auth.user.id_token', ''));\nexport const getAccessToken = defaultMemoize(state =>\n get(state, 'Auth.account.id_token', ''),\n);\nexport const getAuthErrors = defaultMemoize(state => get(state, 'Auth.errors', []));\n\nexport const storedPartnerCode = defaultMemoize(state => get(state, `partners.code`, ''));\n\nexport const IsAuthenticated = defaultMemoize(state =>\n get(state, `Auth.user.isAuthenticated`, false),\n);\nexport const IsInitLoading = defaultMemoize(state =>\n get(state, `Auth.isInitLoading`, true),\n);\n\nexport const IsAccountAuthenticated = defaultMemoize(state =>\n get(state, `Auth.account.isAuthenticated`, false),\n);\n\nexport const IsPartner = defaultMemoize(\n state => get(state, `Auth.user.partners`, []).length > 0,\n);\n\nexport const PartnerIds = defaultMemoize(state => get(state, `Auth.user.partners`, []));\n\nexport const isFetchingUser = defaultMemoize(state =>\n get(state, 'Auth.isFetching', false),\n);\n\nexport const AuthErrors = defaultMemoize(state => get(state, 'Auth.errors', {}));\nexport const ApiErrors = defaultMemoize(state => get(state, 'Auth.apiErrors', {}));\n\nexport const getAccountID = defaultMemoize(state => get(state, 'account.accountId', ''));\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Link } from 'react-router-dom';\n\nimport classnames from 'classnames';\n\nimport SavviLoading from '../../SavviLoading';\n\nimport './Button.scss';\n\nconst Button = ({\n buttonType,\n children,\n className,\n componentClass,\n fetchingIconColor,\n href,\n isDisabled,\n isFlat,\n isFetching,\n isForm,\n isWarning,\n label,\n onClick,\n size,\n to,\n disabledTooltip,\n tooltip,\n tooltipAlign,\n tooltipPosition,\n type,\n jsxStyles,\n ...restOfProps\n}) => {\n const ButtonComponent = (href && 'a') || (to && Link) || 'button';\n let passedProps = {\n className: classnames(\n className, // Use '&#{&}' to override default styles by doubling a className's specificity\n 'myBtn',\n `myBtn--${buttonType}`,\n `myBtn--${size}`,\n {\n isForm,\n isWarning,\n 'myBtn--flat': isFlat,\n isDisabled: (href || to) && isDisabled,\n },\n ),\n disabled: isDisabled,\n href,\n style: jsxStyles,\n to,\n type,\n ...restOfProps,\n };\n\n return (\n {\n if (isDisabled) {\n e.preventDefault();\n e.stopPropagation();\n } else {\n onClick(e);\n }\n }}\n {...passedProps}\n >\n {isFetching && \n {tooltip}\n \n )}\n {isDisabled && !!disabledTooltip && (\n \n {disabledTooltip}\n \n )}\n \n );\n};\n\nButton.propTypes = {\n buttonType: PropTypes.oneOf(['primary', 'secondary', 'link', 'primaryLink', 'icon']),\n children: PropTypes.node,\n className: PropTypes.string,\n fetchingIconColor: PropTypes.oneOf(['black', 'white', 'mint']),\n isDisabled: PropTypes.bool,\n isFlat: PropTypes.bool,\n isFetching: PropTypes.bool,\n isWarning: PropTypes.bool,\n isForm: PropTypes.bool,\n label: PropTypes.string,\n onClick: PropTypes.func.isRequired,\n size: PropTypes.oneOf(['xs', 'sm', 'md', 'wide', 'lg']),\n tooltip: PropTypes.string,\n tooltipAlign: PropTypes.oneOf(['left', 'middle', 'right']),\n tooltipPosition: PropTypes.oneOf(['top', 'right', 'bottom', 'left']),\n type: PropTypes.oneOf(['button', 'submit', 'reset']),\n /** *** Mainly for style overwriting in Storybook tools *** */\n jsxStyles: PropTypes.shape({\n backgroundColor: PropTypes.string,\n borderColor: PropTypes.string,\n borderRadius: PropTypes.number,\n width: PropTypes.number,\n height: PropTypes.number,\n fontSize: PropTypes.number,\n }),\n};\nButton.defaultProps = {\n buttonType: 'primary',\n label: 'Next',\n fetchingIconColor: 'white',\n onClick: () => {},\n size: 'md',\n tooltipAlign: 'middle',\n tooltipPosition: 'top',\n type: 'button',\n};\n\nexport default Button;\n","import decode from 'jwt-decode';\nimport { isEmpty } from 'lodash-es';\n\n// const checkToken = decodedToken =>\n// !!decodedToken && !!decodedToken.user && !!decodedToken.user.isUnconfirmed;\n\n// export const decodeSavedToken = token => decodeToken(getToken(token));\n\nexport const removeEmailVerification = templateKey => {\n let emailVerifications = {\n ...JSON.parse(localStorage.getItem('emailVerifications') || '{}'),\n };\n\n if (!isEmpty(emailVerifications[templateKey])) {\n delete emailVerifications[templateKey];\n }\n\n localStorage.setItem('emailVerifications', JSON.stringify(emailVerifications));\n return emailVerifications;\n};\n\nexport const getEmailVerification = templateKey => {\n const emailVerifications = JSON.parse(\n localStorage.getItem('emailVerifications') || '{}',\n );\n return emailVerifications[templateKey] || {};\n};\n\nexport const setEmailVerification = (templateKey, meta) => {\n let updatedEmailVerifications = {\n ...JSON.parse(localStorage.getItem('emailVerifications') || '{}'),\n [templateKey]: { ...meta, sent_at: new Date() },\n };\n localStorage.setItem('emailVerifications', JSON.stringify(updatedEmailVerifications));\n return updatedEmailVerifications;\n};\n\nexport const InitUser = {\n impersonator_id: null,\n isAuthenticated: false,\n email: null,\n email_verified: false,\n name: null,\n first_name: null,\n last_name: null,\n company: null,\n partners: [],\n accountId: '0',\n userId: null,\n};\n\nexport const isCompanyTokenStored = companyId => {\n const tokens = JSON.parse(localStorage.id_tokens || '{}');\n return !!tokens[companyId];\n};\n\nexport const getStoredCompanyId = () => {\n const tokens = JSON.parse(localStorage.id_tokens || '{}');\n const url = window.location.href;\n let urlCompanyId;\n if (url.includes('/c/')) {\n urlCompanyId = url.split('/')[4];\n }\n\n if (!tokens[urlCompanyId]) {\n if (isEmpty(tokens)) {\n return '0';\n }\n return Object.entries(tokens)[0][0];\n }\n return urlCompanyId || '0';\n};\n\nexport const getStoredToken = accountId => {\n const tokens = JSON.parse(localStorage.id_tokens || '{}');\n const url = window.location.href;\n let urlCompanyId;\n if (url.includes('/c/')) {\n urlCompanyId = url.split('/')[4];\n }\n let tokenId = accountId || urlCompanyId;\n // let tokenId = (accountId + '' === '0' && urlCompanyId) || accountId || urlCompanyId;\n\n if (!tokens[tokenId]) {\n if (isEmpty(tokens)) {\n return '';\n }\n return Object.entries(tokens)[0][1];\n }\n return tokens[tokenId] || '';\n};\n\nexport const getDecodedToken = id_token => {\n if (!id_token || id_token === 'undefined' || id_token === 'false') {\n return {\n ...InitUser,\n error: 'token invalid',\n };\n }\n const {\n account_id: accountId,\n company,\n email,\n email_verified,\n exp,\n family_name,\n first_name,\n given_name,\n impersonator_id,\n last_name,\n name,\n partners,\n sub: userId,\n } = decode(id_token);\n\n let fullName =\n name ||\n (first_name || given_name || '') + ' ' + (last_name || family_name || '').trim();\n\n return {\n ...InitUser,\n accountId,\n company,\n email,\n email_verified,\n exp,\n first_name: first_name || given_name,\n id_token,\n impersonator_id,\n isAuthenticated: true,\n last_name: last_name || family_name,\n name: fullName,\n partners,\n userId,\n };\n};\n\nexport const decodeToken = idToken => {\n let id_token = idToken;\n if (id_token === 'stored') {\n id_token = getStoredToken();\n }\n\n const error = validateToken(id_token);\n if (error) {\n return {\n ...InitUser,\n error,\n };\n }\n const {\n account_id: accountId,\n company,\n email,\n email_verified,\n exp,\n family_name,\n first_name,\n given_name,\n impersonator_id,\n last_name,\n name,\n partners,\n sub: userId,\n } = decode(id_token);\n\n const url = window.location.href;\n let urlCompanyId = url.includes('/c/') && url.split('/')[4];\n\n let fullName = (\n name || (first_name || given_name || '') + ' ' + (last_name || family_name || '')\n ).trim();\n\n return {\n ...InitUser,\n accountId,\n company,\n email,\n email_verified,\n exp,\n first_name: first_name || given_name,\n id_token,\n impersonator_id,\n isAuthenticated: true,\n last_name: last_name || family_name,\n name: fullName,\n partners,\n urlCompanyId,\n userId,\n };\n};\n\nexport const validateToken = id_token => {\n let message = '';\n if (id_token === 'undefined' || id_token === 'false' || !id_token) {\n return 'Undefined Token';\n }\n const decodedToken = getDecodedToken(id_token);\n const { userId, email, error, exp } = decodedToken;\n if (!userId || error) {\n message = error || 'No User Id in Token';\n } else if (userId && email && !!exp) {\n const [now, expires] = [new Date(), new Date(exp * 1000)];\n message = now < expires ? '' : 'Token has expired.';\n } else {\n message = '';\n }\n return message;\n};\n","import { RSAA } from 'redux-api-middleware';\nimport { push } from 'connected-react-router';\n\nimport get from 'lodash-es/get';\nimport isEmpty from 'lodash-es/isEmpty';\nimport isObject from 'lodash-es/isObject';\n\nimport { requestHeaders } from '../../utils/api';\nimport { getAccountInfo } from '../Formation/operations';\nimport { getSettings } from '../Profile/operations';\nimport { setNotice } from '../UI/actions';\nimport {\n clearErrors,\n logoutUser,\n setInitLoading,\n setPartnerByCode,\n setPartnerCode,\n setUserFromToken,\n} from './actions';\nimport * as types from './types';\nimport {\n decodeToken,\n // getStoredToken,\n removeEmailVerification,\n setEmailVerification,\n} from './utils';\nimport { getCompanies, refreshCompanyToken, setCompany } from '../Company/operations';\n\nconst loadLiveMessenger = (email, name, first_name, last_name) => {\n const { REACT_APP_HS_CHAT_CODE } = process.env;\n var _hsq = (window._hsq = window._hsq || []);\n _hsq.push([\n 'identify',\n {\n displayName: name,\n email,\n firstName: first_name || 'Not Given',\n lastName: last_name || 'Not Given',\n },\n ]);\n var body = document.querySelector('body');\n var script = document.createElement('script');\n\n script.setAttribute('type', 'text/javascript');\n script.setAttribute('id', 'hs-script-loader');\n script.setAttribute('async', true);\n script.setAttribute('defer', true);\n script.setAttribute('src', `//js-na1.hs-scripts.com/${REACT_APP_HS_CHAT_CODE}.js`);\n body.appendChild(script);\n};\n\nconst fetchInitialUserData = async (dispatch, tokenData) => {\n // const { REACT_APP_LOG_ENV } = process.env;\n const { email, userId, name, first_name, last_name, impersonator_id } = tokenData;\n if (!userId) return;\n\n let fullName = name || email;\n\n // if (!email.includes('savvi.legal') && REACT_APP_LOG_ENV === 'app' && !impersonator_id) {\n // window.FS.identify(userId, { email, name: fullName, company });\n // }\n if (email && !impersonator_id) {\n loadLiveMessenger(email, fullName, first_name, last_name);\n }\n return await dispatch(getSettings());\n // return await Promise.all([dispatch(getSettings()), dispatch(getFeatureChanges())]);\n};\n\nexport const onLogout = path => {\n const {\n LOGOUT_REQUEST: REQUEST,\n LOGOUT_SUCCESS: SUCCESS,\n LOGOUT_FAILED: FAILED,\n } = types;\n\n return async (dispatch, getState) => {\n await dispatch({\n [RSAA]: {\n endpoint: `/api/authn/session`,\n method: 'DELETE',\n headers: requestHeaders(true, 'user'),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n dispatch(logoutUser());\n dispatch(push(path || '/login'));\n window.location.reload();\n };\n};\n\nexport const verifyEmail = email => {\n const {\n VALIDATE_EMAIL_REQUEST: REQUEST,\n VALIDATE_EMAIL_SUCCESS: SUCCESS,\n VALIDATE_EMAIL_FAILED: FAILED,\n } = types;\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/public/auth/email/${email}`,\n method: 'GET',\n headers: requestHeaders(),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n dispatch(clearErrors());\n return actionResponse.payload;\n } else {\n if (actionResponse.payload.code !== 'NOT_FOUND' || !actionResponse.payload.silent) {\n dispatch(\n setNotice({\n type: 'error',\n message:\n actionResponse.payload.message ||\n 'An error has occurred. If error persists, please contact our support.',\n }),\n );\n }\n throw await actionResponse.payload;\n }\n };\n};\n\nconst loginUser = (creds, isCreating) => {\n const { LOGIN_REQUEST: REQUEST, LOGIN_SUCCESS: SUCCESS, LOGIN_FAILED: FAILED } = types;\n\n return async (dispatch, getState) => {\n const basicAuth = window.btoa(`${creds.email}:${creds.password}`);\n try {\n await dispatch(setInitLoading(true));\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: '/api/authn/session/credentials',\n method: 'POST',\n headers: {\n ...requestHeaders(),\n Authorization: 'Basic ' + basicAuth,\n },\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n const decodedToken = decodeToken(actionResponse.payload.id_token);\n dispatch(setUserFromToken(decodedToken));\n if (!isCreating) {\n await fetchInitialUserData(dispatch, decodedToken);\n dispatch(setInitLoading(false));\n }\n dispatch(window.location.reload());\n return actionResponse.payload.id_token;\n } else {\n throw actionResponse.payload;\n }\n } catch (error) {\n dispatch(setInitLoading(false));\n throw error.message;\n }\n };\n};\n\nconst validateSession = companyId => {\n const { TOKEN_REQUEST: REQUEST, TOKEN_SUCCESS: SUCCESS, TOKEN_FAILED: FAILED } = types;\n return async (dispatch, getState) => {\n try {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: '/api/authn/session/id_token', // alias to authn/refresh\n method: 'POST',\n headers: requestHeaders(),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse) {\n // Bad login ju-ju. Logout and retry\n // localStorage.removeItem('id_tokens');\n // localStorage.removeItem('storedLocation');\n return await dispatch(setInitLoading(false));\n } else if (!actionResponse.error) {\n // Token containing User Data\n const decodedIdToken = decodeToken(actionResponse.payload.id_token);\n const { email, name, first_name, last_name, userId, urlCompanyId } =\n decodedIdToken;\n dispatch(setUserFromToken(decodedIdToken));\n\n // Token containing Company Data.\n let decodedAccessToken = {};\n if (companyId || Number(urlCompanyId)) {\n let accessToken;\n await dispatch(refreshCompanyToken(companyId || urlCompanyId)).then(payload => {\n accessToken = payload.access_token;\n });\n if (accessToken) {\n decodedAccessToken = decodeToken(accessToken);\n }\n }\n const { company, impersonator_id } = decodedAccessToken;\n\n await fetchInitialUserData(dispatch, {\n email,\n userId,\n name,\n first_name,\n last_name,\n company,\n impersonator_id,\n });\n await dispatch(setInitLoading(false));\n await dispatch(getCompanies());\n return await decodedIdToken;\n } else {\n throw actionResponse.payload;\n }\n } catch (error) {\n const url = window.location.href;\n const excludedRoutes = [\n 'forgot-password',\n 'login',\n 'register',\n 'reset-password',\n 'plans',\n 'terms',\n 'privacy',\n 'invites',\n 'remote-login',\n 'verify',\n 'magic-link',\n 'room',\n 'outside-form',\n ];\n const matchingRouteIndex = excludedRoutes.findIndex(e => url.includes(e));\n if (matchingRouteIndex === -1) {\n dispatch(setNotice(get(error, 'message', 'An error has occurred.')));\n if (error.logout) {\n dispatch(onLogout());\n }\n }\n const logoutCodes = [\n 'JSON_WEB_TOKEN_ERROR',\n 'E_INVALID_SESSION',\n 'E_SESSION_INVALID',\n 'INVALID_JWT',\n 'TOKEN_EXPIRED_ERROR',\n ];\n if (logoutCodes.includes(error.code)) {\n localStorage.removeItem('id_tokens');\n localStorage.removeItem('id_token');\n localStorage.removeItem('storedLocation');\n localStorage.removeItem('hide_verify');\n }\n dispatch(setInitLoading(false));\n return error;\n }\n };\n};\n\nexport const createUser = (userBody, companyBody, isRoomRedirect) => {\n // use same as login\n // pass in create=true;\n const {\n CREATE_USER_REQUEST: REQUEST,\n CREATE_USER_FAILED: FAILED,\n CREATE_USER_SUCCESS: SUCCESS,\n } = types;\n const basicAuth = window.btoa(`${userBody.email}:${userBody.password}`);\n\n return async (dispatch, getState) => {\n await dispatch(setInitLoading(true));\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: '/api/authn/session/credentials',\n method: 'POST',\n headers: { ...requestHeaders(), Authorization: 'Basic ' + basicAuth },\n types: [REQUEST, SUCCESS, FAILED],\n body: JSON.stringify(userBody),\n },\n });\n if (!actionResponse.error) {\n dispatch(\n setNotice({\n message: 'Account Created! Please wait as we set everything up',\n }),\n );\n const decodedToken = decodeToken(actionResponse.payload.id_token);\n dispatch(setUserFromToken(decodedToken));\n dispatch(\n requestVerificationEmail({\n identifier: { type: 'email', value: userBody.email },\n template: 'verification-email',\n }),\n );\n if (isRoomRedirect) {\n setTimeout(() => {\n window.location.reload();\n }, 1000);\n return await actionResponse.payload;\n }\n return await dispatch(createCompany(decodedToken, companyBody));\n }\n\n if (isObject(actionResponse.payload)) {\n dispatch(setNotice({ type: 'error', message: actionResponse.payload.message }));\n } else {\n dispatch(setNotice({ type: 'error', message: actionResponse.payload }));\n }\n throw actionResponse.payload;\n };\n};\n\nconst createCompany = (decodedToken, body) => {\n const {\n CREATE_COMPANY_REQUEST: REQUEST,\n CREATE_COMPANY_FAILED: FAILED,\n CREATE_COMPANY_SUCCESS: SUCCESS,\n } = types;\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: '/api/user/accounts',\n method: 'POST',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n body: () => JSON.stringify(body),\n },\n });\n if (!actionResponse.error) {\n const url = window.location.href;\n if (\n (url.includes('one-tap') || url.includes('onetap')) &&\n !url.includes('onetaptalent')\n ) {\n localStorage.setItem('partner_code', 'onetaptalent');\n await fetchInitialUserData(dispatch, decodedToken);\n dispatch(setInitLoading(true));\n dispatch(setCompany(actionResponse.payload.account_id));\n setTimeout(() => {\n window.location.reload();\n }, 1200);\n return await actionResponse.payload;\n }\n await fetchInitialUserData(dispatch, decodedToken);\n setTimeout(() => {\n dispatch(setInitLoading(true));\n window.location.reload();\n }, 1000);\n return await actionResponse.payload;\n }\n\n if (isObject(actionResponse.payload)) {\n dispatch(setNotice({ type: 'error', message: actionResponse.payload.message }));\n } else {\n dispatch(setNotice({ type: 'error', message: actionResponse.payload }));\n }\n throw actionResponse.payload;\n };\n};\n\nconst confirmUserEmail = (code, push) => {\n const {\n EMAIL_CONFIRM_REQUEST: REQUEST,\n EMAIL_CONFIRM_FAILED: FAILED,\n EMAIL_CONFIRM_SUCCESS: SUCCESS,\n } = types;\n const endpoint = `/api/user/confirm/${code}`;\n\n return async dispatch => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint,\n method: 'GET',\n headers: requestHeaders('onboard'),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n\n if (!actionResponse.error) {\n dispatch(\n setUserFromToken(\n decodeToken((actionResponse.payload || actionResponse).id_token),\n ),\n );\n push('/onboarding/basic-info');\n }\n };\n};\n\nconst resendEmailConfirmation = () => {\n const {\n RESEND_EMAIL_CONFIRM_REQUEST: REQUEST,\n RESEND_EMAIL_CONFIRM_FAILED: FAILED,\n RESEND_EMAIL_CONFIRM_SUCCESS: SUCCESS,\n } = types;\n const endpoint = '/api/user/confirm/code/resend';\n\n return async dispatch => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint,\n method: 'POST',\n headers: requestHeaders('onboard'),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n\n if (!actionResponse.error) {\n dispatch(setNotice('New confirmation code sent!'));\n }\n };\n};\n\nconst sendPasswordReset = email => {\n return async (dispatch, getState) => {\n await Promise.resolve(\n dispatch({\n [RSAA]: {\n endpoint: '/api/public/user/password/forgot',\n method: 'PATCH',\n headers: requestHeaders(),\n types: [\n types.SEND_PW_RESET_REQUEST,\n {\n type: types.SEND_PW_RESET_SUCCESS,\n payload: () =>\n dispatch(\n setNotice(\n \"If there's a Savvi account linked to this email address, you will receive reset instructions in your inbox.\",\n ),\n ),\n },\n types.SEND_PW_RESET_FAILED,\n ],\n body: JSON.stringify({ email }),\n },\n }),\n );\n\n const { Auth } = getState();\n if (!Auth.isFetching) {\n if (isEmpty(Auth.errors)) {\n }\n }\n };\n};\n\nexport const fetchValidatePassword = password => {\n return async (dispatch, getState) => {\n const basicAuth = window.btoa(`check:${password}`);\n const actionResponse = await Promise.resolve(\n dispatch({\n [RSAA]: {\n endpoint: '/api/public/auth/check-password',\n method: 'GET',\n headers: {\n ...requestHeaders(),\n Authorization: `Basic ${basicAuth}`,\n },\n types: [\n types.VALIDATE_PASSWORD_REQUEST,\n types.VALIDATE_PASSWORD_SUCCESS,\n types.VALIDATE_PASSWORD_FAILED,\n ],\n },\n }),\n );\n if (!actionResponse.error) {\n return await actionResponse.payload;\n } else {\n dispatch(setNotice({ type: 'error', message: actionResponse.payload.message }));\n throw await actionResponse.payload.message;\n }\n };\n};\n\nconst resetPassword = ({ code, password }, push) => {\n return async (dispatch, getState) => {\n await Promise.resolve(\n dispatch({\n [RSAA]: {\n endpoint: '/api/public/user/password/reset/',\n method: 'POST',\n headers: requestHeaders(),\n types: [\n types.RESET_PASSWORD_REQUEST,\n {\n type: types.RESET_PASSWORD_SUCCESS,\n payload: () =>\n dispatch(\n setNotice(\n 'Your password has been reset, you may now login, using your new password.',\n ),\n ),\n },\n types.RESET_PASSWORD_FAILED,\n ],\n body: JSON.stringify({ code, password }),\n },\n }),\n );\n\n const { Auth } = getState();\n if (!Auth.isFetching) {\n if (isEmpty(Auth.errors)) {\n push('/login');\n }\n }\n };\n};\n\nconst setHubspot = body => {\n const {\n SET_HUBSPOT_REQUEST: REQUEST,\n SET_HUBSPOT_FAILED: FAILED,\n SET_HUBSPOT_SUCCESS: SUCCESS,\n } = types;\n\n return async (dispatch, getState) => {\n await dispatch({\n [RSAA]: {\n endpoint: '/api/account/hubspot',\n method: 'POST',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n body: JSON.stringify(body),\n },\n });\n };\n};\n\nconst clearNotification = (socket, id) => {\n socket.emit('read', [id * 1]);\n // socket.emit('get_all');\n};\n\nconst addNewUser = body => {\n const {\n CREATE_NEW_USER_REQUEST: REQUEST,\n CREATE_NEW_USER_FAILED: FAILED,\n CREATE_NEW_USER_SUCCESS: SUCCESS,\n } = types;\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: '/api/account/admin/add_user',\n method: 'POST',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n body: JSON.stringify(body),\n },\n });\n if (!actionResponse.error) {\n dispatch(\n setNotice(\n `${body.first_name} ${body.last_name} added as admin. Email invite sent.`,\n ),\n );\n dispatch(getAccountInfo());\n return await actionResponse.payload;\n } else {\n dispatch(\n setNotice({\n type: 'error',\n message: get(actionResponse, 'payload.message', 'An error as occurred.'),\n }),\n );\n }\n };\n};\n\nconst changeOwner = (newOwnerId, fullName) => {\n const {\n CHANGE_OWNER_REQUEST: REQUEST,\n CHANGE_OWNER_FAILED: FAILED,\n CHANGE_OWNER_SUCCESS: SUCCESS,\n } = types;\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/change_owner/${newOwnerId}`,\n method: 'PATCH',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n dispatch(setNotice(`${fullName} Set as new Owner.`));\n dispatch(getAccountInfo());\n dispatch(getSettings());\n } else {\n dispatch(\n setNotice({\n type: 'error',\n message: get(actionResponse, 'payload.message', 'An error as occurred.'),\n }),\n );\n }\n };\n};\n\nconst deleteUser = (userId, fullName) => {\n const {\n DELETE_USER_REQUEST: REQUEST,\n DELETE_USER_FAILED: FAILED,\n DELETE_USER_SUCCESS: SUCCESS,\n } = types;\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/remove_user/${userId}`,\n method: 'DELETE',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n dispatch(setNotice(`${fullName} has been removed.`));\n dispatch(getAccountInfo());\n } else {\n dispatch(\n setNotice({\n type: 'error',\n message: get(actionResponse, 'payload.message', 'An error as occurred.'),\n }),\n );\n }\n };\n};\n\nconst getPartnerByCode = code => {\n const {\n GET_PARTNER_BY_CODE_REQUEST: REQUEST,\n GET_PARTNER_BY_CODE_FAILED: FAILED,\n GET_PARTNER_BY_CODE_SUCCESS: SUCCESS,\n } = types;\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/public/partner/code/${code}`,\n method: 'get',\n headers: requestHeaders(true, 'user'),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n await dispatch(setPartnerByCode(actionResponse.payload, code));\n await dispatch(setPartnerCode(code));\n return await actionResponse.payload;\n } else {\n console.error('get Partner by code error', actionResponse);\n await dispatch(\n setNotice({\n type: 'error',\n message: actionResponse.payload.message || 'An error has occurred',\n }),\n );\n throw await actionResponse.payload;\n }\n };\n};\n\nconst connectPartner = code => {\n const {\n CONNECT_PARTNER_REQUEST: REQUEST,\n CONNECT_PARTNER_FAILED: FAILED,\n CONNECT_PARTNER_SUCCESS: SUCCESS,\n } = types;\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/admin/partner/${code}`,\n method: 'POST',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n await dispatch(setNotice('Partner Connected.'));\n dispatch(setPartnerCode(''));\n dispatch(getAccountInfo());\n return await actionResponse.payload;\n } else {\n await dispatch(\n setNotice({\n type: 'error',\n message: actionResponse.payload.message || 'An error has occurred',\n }),\n );\n throw await actionResponse;\n }\n };\n};\n\nexport const removePartner = id => {\n const {\n REMOVE_PARTNER_REQUEST: REQUEST,\n REMOVE_PARTNER_FAILED: FAILED,\n REMOVE_PARTNER_SUCCESS: SUCCESS,\n } = types;\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/admin/partner/${id}`,\n method: 'DELETE',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n await dispatch(\n setNotice({ type: 'warning', message: actionResponse.payload.message }),\n );\n return await actionResponse.payload;\n } else {\n await dispatch(\n setNotice({\n type: 'error',\n message: actionResponse.payload.message || 'An error has occurred',\n }),\n );\n throw await actionResponse;\n }\n };\n};\n\nexport const requestVerificationEmail = body => {\n const {\n REQUEST_VERIFICATION_EMAIL_REQUEST: REQUEST,\n REQUEST_VERIFICATION_EMAIL_FAILED: FAILED,\n REQUEST_VERIFICATION_EMAIL_SUCCESS: SUCCESS,\n } = types;\n\n return async (dispatch, getState) => {\n /**\n * body: {\n * type,\n * value,\n * template: oneOf: ['email-change-code', 'reset-password', 'verification-email', 'magic-link']\n * _developmentSendChallengeSecret: true,\n * _skipEmail: true\n * }\n */\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: '/api/authn/challenge', //alias to /authn/challenge/order\n method: 'POST',\n headers: requestHeaders(),\n types: [REQUEST, SUCCESS, FAILED],\n body: JSON.stringify(body),\n },\n });\n /**\n response: {\n \"success\": true,\n \"id\": \"TJNOdm\",\n \"receipt\": \"7oHMZbcOwvCy7rmXslOKnB\",\n \"_expiry\": \"24h\"\n }\n */\n if (!actionResponse.error) {\n return await setEmailVerification(body.template, actionResponse.payload)[\n body.template\n ];\n } else {\n await dispatch(\n setNotice({\n type: 'error',\n message: actionResponse.payload.message || 'An error has occurred',\n }),\n );\n throw await actionResponse;\n }\n };\n};\n\nexport const checkVerificationStatus = (id, receipt, templateKey) => {\n const {\n CHECK_VERIFICATION_STATUS_REQUEST: REQUEST,\n CHECK_VERIFICATION_STATUS_FAILED: FAILED,\n CHECK_VERIFICATION_STATUS_SUCCESS: SUCCESS,\n } = types;\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/authn/challenge/${id}?receipt=${receipt}`,\n method: 'get',\n headers: requestHeaders(),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n /**\n * status pending response\n * {\n \"success\": true,\n \"id\": \"2NmDib\",\n \"status\": \"pending\",\n \"ordered_at\": \"2021-08-10T20:01:21.498Z\",\n \"ordered_by\": \"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.131 Safari/537.36\",\n \"receipt\": \"zuQWS0PjUrmzajdvCrJn_R\"\n }\n */\n if (!actionResponse.error) {\n return await actionResponse.payload;\n } else {\n // TODO: when and when not to remove local stored verification\n // if (actionResponse.payload.status !== 401) {\n // removeEmailVerification(templateKey);\n // }\n throw await actionResponse.payload.message;\n }\n };\n};\n\nexport const checkVerificationStatusByQuery = (id, queryStr, templateKey) => {\n const {\n CHECK_VERIFICATION_STATUS_REQUEST: REQUEST,\n CHECK_VERIFICATION_STATUS_FAILED: FAILED,\n CHECK_VERIFICATION_STATUS_SUCCESS: SUCCESS,\n } = types;\n\n /**\n :id=abc123\n ?receipt=yyyyyyyy\n &code=AB34-EF78\n */\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/authn/challenge/${id}${queryStr}`,\n method: 'get',\n headers: requestHeaders(),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n /**\n * status pending response\n * {\n \"success\": true,\n \"id\": \"2NmDib\",\n \"status\": \"pending\",\n \"ordered_at\": \"2021-08-10T20:01:21.498Z\",\n \"ordered_by\": \"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.131 Safari/537.36\",\n \"receipt\": \"zuQWS0PjUrmzajdvCrJn_R\"\n }\n */\n if (!actionResponse.error) {\n return await actionResponse.payload;\n } else {\n if (actionResponse.payload.status !== 401) {\n removeEmailVerification(templateKey);\n }\n throw await actionResponse.payload;\n }\n };\n};\n\nexport const checkVerificationStatusByAccessCode = accessCode => {\n const {\n CHECK_VERIFICATION_STATUS_REQUEST: REQUEST,\n CHECK_VERIFICATION_STATUS_FAILED: FAILED,\n CHECK_VERIFICATION_STATUS_SUCCESS: SUCCESS,\n } = types;\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/public/access_code/inspect?access_code=${accessCode}`,\n method: 'get',\n headers: requestHeaders(),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n /**\n * status pending response\n * {\n effective_id: 14,\n access_claims: { challenge_code: '7d2b3cd1', challenge_id: 'xOXjbshFUeEmvhUn' },\n room_id: 2458084614,\n created_at: '2022-06-29T23:58:46.000Z',\n updated_at: '2022-06-29T23:58:46.000Z',\n inviter: {\n email: 'services@savvi.legal',\n given_name: 'Dan',\n family_name: 'Andelin'\n }\n }\n */\n if (!actionResponse.error) {\n return await actionResponse.payload;\n } else {\n throw await actionResponse.payload;\n }\n };\n};\n\n// Delete magic link\nexport const deleteChallenge = (id, templateKey) => {\n const {\n DELETE_CHALLENGE_REQUEST: REQUEST,\n DELETE_CHALLENGE_FAILED: FAILED,\n DELETE_CHALLENGE_SUCCESS: SUCCESS,\n } = types;\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/authn/challenge/${id}`,\n method: 'delete',\n headers: requestHeaders(),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n /**\n {\n \"success\": true,\n \"status\": \"pending\",\n \"ordered_at\": \"2021-06-20T13:30:59Z\",\n \"ordered_by\": \"Chrome/x.y.z Windows 10\",\n \"verified_at\": \"\",\n \"verified_by\": \"\"\n }\n */\n if (!actionResponse.error) {\n removeEmailVerification(templateKey);\n return await actionResponse.payload;\n } else {\n await dispatch(\n setNotice({\n type: 'error',\n message: actionResponse.payload.message || 'An error has occurred',\n }),\n );\n throw await actionResponse.payload;\n }\n };\n};\n\n// export const finalizeEmailVerification = (body, templateKey, isLink) => {\n// const {\n// FINALIZE_EMAIL_VERIFICATION_REQUEST: REQUEST,\n// FINALIZE_EMAIL_VERIFICATION_FAILED: FAILED,\n// FINALIZE_EMAIL_VERIFICATION_SUCCESS: SUCCESS,\n// } = types;\n// /**\n// {\n// \"id\": \"abc123\",\n// \"code\": \"AB34-EF78\"\n// }\n// */\n\n// return async (dispatch, getState) => {\n// const actionResponse = await dispatch({\n// [RSAA]: {\n// endpoint: `/api/authn/challenge/finalize`,\n// method: 'post',\n// headers: requestHeaders(),\n// types: [REQUEST, SUCCESS, FAILED],\n// body: JSON.stringify(body),\n// },\n// });\n// /**\n// {\n// \"id_token\": \"xxxx.yyyy.zzzz\",\n// \"access_token\": \"xxx2.yyy2.zzz2\"\n// }\n// */\n// if (!actionResponse.error) {\n// await dispatch(setNotice('Verification Finalized.'));\n// const decodedToken = decodeToken(actionResponse.payload.id_token);\n// dispatch(setUserFromToken(decodedToken));\n// if (!isLink) {\n// removeEmailVerification(templateKey);\n// }\n// return await decodedToken;\n// } else {\n// if (actionResponse.payload.code !== 'E_CODE_RETRY' && !isLink) {\n// removeEmailVerification(templateKey);\n// }\n// if (actionResponse.payload.code === 'E_CODE_REDEEMED') {\n// dispatch(\n// setNotice(\n// actionResponse.payload.message || 'This code has already been redeemed.',\n// ),\n// );\n// } else {\n// dispatch(\n// setNotice({\n// type: 'error',\n// message: actionResponse.payload.message || 'An error has occurred',\n// }),\n// );\n// }\n// throw await actionResponse.payload;\n// }\n// };\n// };\n\n// finalize Email Verification,\nexport const exchangeChallenge = (id, body, templateKey, isLink) => {\n const {\n EXCHANGE_CHALLENGE_REQUEST: REQUEST,\n EXCHANGE_CHALLENGE_FAILED: FAILED,\n EXCHANGE_CHALLENGE_SUCCESS: SUCCESS,\n } = types;\n /**\n {\n \"id\": \"abc123\",\n \"receipt\": \"yyyyyyyy\"\n }\n */\n\n return async (dispatch, getState) => {\n let actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/authn/session/challenge/${id}`,\n method: 'post',\n headers: requestHeaders(),\n types: [REQUEST, SUCCESS, FAILED],\n body: JSON.stringify(body),\n },\n });\n /**\n {\n \"success\": true,\n \"status\": \"valid\",\n \"id_token\": \"xxxx.yyyy.zzzz\"\n \"access_token\": \"xxx2.yyy2.zzz2\"\n }\n */\n if (actionResponse.payload.code === 'E_CODE_REDEEMED' && templateKey === 'room') {\n actionResponse.payload.message =\n 'Link has been used before, redirected to room with limited access. Sign in for full access.';\n }\n if (!actionResponse.error) {\n await dispatch(setNotice('Verification Finalized.'));\n const decodedToken = decodeToken(actionResponse.payload.id_token);\n\n dispatch(setUserFromToken(decodedToken));\n if (actionResponse.payload.code !== 'E_CODE_RETRY' && !isLink && templateKey) {\n removeEmailVerification(templateKey);\n }\n if (actionResponse.payload.code === 'E_CODE_REDEEMED') {\n dispatch(\n setNotice({\n delay: 12000,\n message:\n actionResponse.payload.message || 'This code has already been redeemed.',\n }),\n );\n }\n return await actionResponse.payload;\n } else if (actionResponse.payload.code === 'E_CODE_REDEEMED') {\n dispatch(\n setNotice({\n delay: 13000,\n message:\n actionResponse.payload.message || 'This code has already been redeemed.',\n }),\n );\n } else {\n dispatch(\n setNotice({\n type: 'error',\n message: actionResponse.payload.message || 'An error has occurred',\n }),\n );\n }\n throw await actionResponse.payload;\n };\n};\nexport {\n clearNotification,\n confirmUserEmail,\n connectPartner,\n getPartnerByCode,\n loginUser,\n resendEmailConfirmation,\n resetPassword,\n setHubspot,\n sendPasswordReset,\n validateSession,\n addNewUser,\n changeOwner,\n deleteUser,\n};\n","import React, { useCallback, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useHistory, useLocation, useParams } from 'react-router-dom';\n\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { get, isEmpty, isEqual } from 'lodash-es';\n\nimport { setCompany } from '../../redux/modules/Company/operations';\nimport { getAccountId } from '../../redux/modules/Formation/selectors';\nimport { deleteTodo, getTodos, updateTodo } from '../../redux/modules/Todos/operations';\nimport { IsFetching } from '../../redux/modules/Todos/selectors';\nimport { Button, TooltipAction } from '../common';\n\nimport './TodosSection.scss';\nimport AssignTodo, { MultiAssignTodos, priorityOptions } from '../AssignTodo';\nimport InputStyledCheckbox from '../common/InputStyledCheckbox';\nimport handlePath from '../../utils/handlePath';\nimport dayjs from 'dayjs/esm';\nimport relativeTime from 'dayjs/esm/plugin/relativeTime';\nimport customParseFormat from 'dayjs/esm/plugin/customParseFormat';\n\ndayjs.extend(customParseFormat);\ndayjs.extend(relativeTime);\n\nconst sortStrings = (a, b, dir) =>\n dir === 'desc' ? b.localeCompare(a) : a.localeCompare(b);\n\nconst sortPriorities = (a, b, dir) => {\n let isAGreater = a > b;\n let isBGreater = a < b;\n\n if (isAGreater) {\n return dir === 'desc' ? -1 : 1;\n }\n if (isBGreater) {\n return dir === 'desc' ? 1 : -1;\n }\n return dayjs(b.created_at).diff(dayjs(a.created_at));\n};\n\nconst sortTodos = (todos, dir, filter) =>\n todos.sort((a, b) => {\n if (filter === 'label') {\n return sortStrings(a.label, b.label, dir);\n }\n if (filter === 'date') {\n return dir === 'desc'\n ? dayjs(b.created_at).diff(dayjs(a.created_at))\n : dayjs(a.created_at).diff(dayjs(b.created_at));\n }\n if (filter === 'type') {\n return sortStrings(a.type, b.type, dir);\n }\n if (filter === 'priority') {\n return sortPriorities(a.level, b.level, dir);\n }\n if (filter === 'company') {\n return sortStrings(a.account.name, b.account.name, dir);\n }\n if (filter === 'deadline') {\n if (a.deadline && b.deadline) {\n return dir === 'desc'\n ? dayjs(b.deadline).diff(dayjs(a.deadline))\n : dayjs(a.deadline).diff(dayjs(b.deadline));\n }\n if (!a.deadline && b.deadline) {\n return dir === 'desc' ? -1 : 1;\n }\n if (!b.deadline && a.deadline) {\n return dir === 'desc' ? 1 : -1;\n }\n return dir === 'desc'\n ? dayjs(a.created_at).diff(dayjs(b.created_at))\n : dayjs(b.created_at).diff(dayjs(a.created_at));\n }\n if (filter === 'assignee') {\n if (!isEmpty(a.partner)) {\n if (isEmpty(b.partner)) {\n return dir === 'desc' ? 1 : -1;\n }\n return sortStrings(a.partner.name, get(b, 'partner.name', ''), dir);\n } else if (!isEmpty(a.user)) {\n if (isEmpty(b.user)) {\n return dir === 'desc' ? 1 : -1;\n }\n return sortStrings(a.user.full_name, get(b, 'user.full_name', ''), dir);\n }\n return dir === 'desc' ? -1 : 1;\n }\n // Default to priority;\n return sortPriorities(a.level, b.level, dir);\n });\n\nconst TodosSection = ({ isInitOpen, isTeam, sectionLabel, todos }) => {\n const dispatch = useDispatch();\n\n const isFetching = useSelector(IsFetching);\n const currentAccountId = useSelector(getAccountId);\n\n const [dir, setDir] = useState('desc');\n const [filter, setFilterSlug] = useState('priority');\n const [isSectionOpen, setIsOpen] = useState(isInitOpen);\n const [isMultiEdit, setIsMultiEdit] = useState(false);\n const [isMultiEditModalOpen, setIsMultiEditModalOpen] = useState(false);\n const [isAllSelected, setIsAllSelected] = useState(false);\n const [isClearAll, setIsClearAll] = useState(false);\n const [isIndeterminate, setIsIndeterminate] = useState(false);\n const [myTodos, setTodos] = useState(todos);\n const [prevTodos, setPrevTodos] = useState([]);\n const [selectedTodos, setSelectedTodos] = useState([...Array(todos.length)]);\n const [selectedTodo, setSelectedTodo] = useState({});\n const [isEditTodoOpen, setIsEditTodoOpen] = useState(false);\n\n const closeMultiModal = () => {\n setIsMultiEdit(false);\n setIsMultiEditModalOpen(false);\n setSelectedTodos([...Array(myTodos.length)]);\n };\n\n const handleDeleteTodo = (id, isMulti, accountId) => {\n const message = isMulti\n ? 'Are you sure you want to delete selected To-dos?'\n : 'Are you sure you want to delete this To-do?';\n if (window.confirm(message)) {\n if (isMulti) {\n selectedTodos.forEach((e, index) => {\n if (index + 1 === selectedTodos.length) {\n if (e) {\n dispatch(deleteTodo(myTodos[index].id, isTeam, e.account_id, true)).then(\n closeMultiModal,\n );\n } else {\n dispatch(getTodos(isTeam));\n closeMultiModal();\n }\n } else if (e) {\n dispatch(deleteTodo(myTodos[index].id, isTeam, e.account_id));\n }\n });\n } else {\n return dispatch(deleteTodo(id, isTeam, accountId, true));\n }\n }\n };\n\n const handleUpdateTodos = formikProps => {\n let { deadline, selectedAssignee, selectedPriority } = formikProps;\n let updatedDeadline = deadline\n ? dayjs(deadline + 'T21:00:00.000Z', 'MM/DD/YYYY').format()\n : null;\n selectedTodos.forEach((e, index) => {\n const todo = myTodos[index];\n let todoDeadline = todo.deadline || null;\n if (todoDeadline) {\n todoDeadline = dayjs(todoDeadline + 'T21:00:00.000Z', 'MM/DD/YYYY').format();\n }\n let updatedBody = {\n deadline: updatedDeadline || todoDeadline,\n base_level: (selectedPriority && selectedPriority.value) || todo.base_level,\n label: todo.label,\n user_id: (selectedAssignee && selectedAssignee.user_id) || todo.user_id,\n partner_id: (selectedAssignee && selectedAssignee.partner_id) || todo.partner_id,\n };\n if (index + 1 === selectedTodos.length) {\n if (e) {\n dispatch(updateTodo(todo.id, updatedBody, isTeam, e.account_id, true)).then(\n closeMultiModal,\n closeMultiModal,\n );\n } else {\n dispatch(getTodos(isTeam));\n closeMultiModal();\n }\n } else if (e) {\n dispatch(updateTodo(todo.id, updatedBody, isTeam, e.account_id));\n }\n });\n };\n\n const setFilter = useCallback(\n (clickedFilter, newTodos) => {\n let updatedDir = dir;\n let updatedFilter = filter;\n if (clickedFilter === filter) {\n if (dir === 'desc') {\n updatedDir = 'asc';\n } else if (dir === 'asc') {\n updatedDir = 'desc';\n updatedFilter = '';\n }\n } else if (clickedFilter && clickedFilter !== filter) {\n updatedDir = 'desc';\n updatedFilter = clickedFilter;\n }\n let updatedTodos = newTodos || myTodos;\n\n updatedTodos = sortTodos(updatedTodos, updatedDir, updatedFilter);\n setDir(updatedDir);\n setFilterSlug(updatedFilter);\n setTodos(updatedTodos);\n setSelectedTodos([...Array(updatedTodos.length)]);\n },\n [dir, filter, myTodos, setDir, setFilterSlug, setTodos],\n );\n\n useEffect(() => {\n setTodos(\n todos.sort((a, b) => {\n if (a.level > b) {\n return -1;\n } else if (a.level < b) {\n return 1;\n }\n return dayjs(b.created_at).diff(dayjs(a.created_at));\n }),\n );\n }, [todos]);\n\n useEffect(() => {\n if (!isEqual(prevTodos, todos)) {\n setFilter(null, todos);\n setPrevTodos(todos);\n }\n }, [setFilter, prevTodos, todos]);\n\n useEffect(() => {\n if (isMultiEdit && selectedTodos.indexOf(true) === -1) {\n setIsMultiEdit(false);\n setIsIndeterminate(false);\n setIsAllSelected(false);\n }\n }, [selectedTodos, isMultiEdit]);\n\n useEffect(() => {\n if (isClearAll) {\n setTimeout(() => setIsClearAll(false), 100);\n }\n }, [isClearAll]);\n\n if (todos.length === 0) {\n return null;\n }\n\n return (\n \n
\n {` (${myTodos.length > 0 ? myTodos.length : 'None'})`} \n {isTeam && (\n \n
\n
\n
\n {!isTeam && (\n {\n if (isAllSelected || isIndeterminate) {\n setIsClearAll(true);\n setIsAllSelected(false);\n setIsIndeterminate(false);\n setSelectedTodos([...Array(myTodos.length)]);\n setIsMultiEdit(false);\n } else {\n setIsAllSelected(true);\n setIsIndeterminate(false);\n setSelectedTodos([...Array(myTodos.length)].map(e => true));\n setIsMultiEdit(true);\n }\n }}\n value={isIndeterminate ? false : isAllSelected}\n />\n )}\n \n
setFilter('label')}\n >\n Label\n {filter === 'label' && (\n setFilter('type')}>\n Type\n {filter === 'type' && (\n \n {isTeam && (\n setFilter('company')}\n >\n Parent Workspace\n {filter === 'company' && (\n \n
setFilter('date')}\n >\n Date Created\n {filter === 'date' && (\n \n handleDeleteTodo(null, true)}\n isActionDisabled={isMultiEdit && selectedTodos.indexOf(true) === -1}\n isModalOpen={isMultiEditModalOpen}\n isMyDashboard={isTeam}\n handleUpdateTodos={handleUpdateTodos}\n toggleModal={() => setIsMultiEditModalOpen(!isMultiEditModalOpen)}\n />\n handleDeleteTodo(null, true)}\n size=\"sm\"\n tooltip=\"Delete Selected Todos\"\n >\n \n {myTodos.map(\n (todoProps, index) =>\n (isSectionOpen || index < 4) && (\n
\n ),\n )}\n {myTodos.length > 4 && (\n
setIsOpen(!isSectionOpen)}\n size=\"sm\"\n >\n {!isSectionOpen\n ? `Show ${myTodos.length - 4} more to-dos`\n : 'Show less to-dos'}\n {\n setIsEditTodoOpen(false);\n setSelectedTodo({});\n }}\n todoMeta={selectedTodo}\n />\n \n );\n};\n\nconst TodoRow = ({\n currentAccountId,\n dispatch,\n handleDeleteTodo,\n isMultiEdit,\n isLastRow,\n isTeam,\n selectedTodos,\n setSelectedTodos,\n setIsAllSelected,\n setIsIndeterminate,\n setIsMultiEdit,\n setSelectedTodo,\n setIsEditTodoOpen,\n todoIndex,\n todoProps,\n}) => {\n const { push } = useHistory();\n const { companyId } = useParams();\n const { search } = useLocation();\n const {\n account,\n account_id,\n account_project_id,\n account_transaction_id,\n base_level,\n data,\n created_at,\n deadline,\n id,\n label,\n level,\n outside_code,\n partner,\n project_template_id, //if not started,\n state,\n type,\n user,\n } = todoProps;\n\n const isSignDocument = type === 'Sign Document';\n let projectId = account_project_id || project_template_id;\n const path = {\n pathname: `/workbench/-1/${projectId}/${account_transaction_id || -1}/${\n account_transaction_id ? 'initialize' : 'new'\n }`,\n search,\n state: { isClicked: true },\n };\n\n const priorityLevel = get(\n priorityOptions,\n `[${(level > 2 && 3) || priorityOptions.findIndex(e => e.value === level)}]`,\n priorityOptions[0],\n );\n const assigneeText =\n (!isEmpty(partner) && partner.name) ||\n (!isEmpty(user) && user.full_name) ||\n 'Unassigned';\n const selectedAssignee = {\n partner_id: partner && partner.id,\n user_id: user && user.id,\n label: assigneeText,\n value:\n (partner && user && `${user.id} | ${partner.id}`) ||\n (partner && partner.id) ||\n (user && user.id) ||\n '',\n };\n let dueDateLabel = deadline ? 'due ' + dayjs(deadline).fromNow() : '';\n let isPastDue = false;\n if (deadline && dayjs(deadline).isSame(new Date(), 'day')) {\n dueDateLabel = 'Due Today';\n isPastDue = true;\n }\n if (deadline && dayjs(new Date()).isAfter(deadline)) {\n // dueDateLabel = 'due ' + dayjs(deadline).fromNow();\n isPastDue = true;\n }\n\n return (\n {\n if (isSignDocument) {\n const win = window.open(data.link, '_blank');\n win.focus();\n } else if (outside_code) {\n const win = window.open(`/outside-form/${outside_code}`, '_blank');\n win.focus();\n } else if (state !== 'Completed' && !isTeam) {\n push(\n handlePath(\n {\n pathname: `/workbench/-1/${projectId}/${account_transaction_id || -1}/${\n account_transaction_id ? 'initialize' : 'new'\n }`,\n state: { isClicked: true },\n },\n companyId,\n ),\n );\n } else if (isTeam) {\n dispatch(setCompany(account.id, path, account.id === currentAccountId));\n }\n }}\n >\n \n {\n e.stopPropagation();\n let updatedSelectedTodos = [...selectedTodos];\n const prevValue = updatedSelectedTodos[todoIndex];\n updatedSelectedTodos[todoIndex] = !updatedSelectedTodos[todoIndex];\n setSelectedTodos(updatedSelectedTodos);\n setIsAllSelected(false);\n setIsIndeterminate(true);\n if (!prevValue) {\n setIsMultiEdit(true);\n }\n }}\n name={`todo-select-${id}`}\n value={selectedTodos[todoIndex]}\n />\n )}\n \n \n
{label || 'Complete this To-do'} \n {assigneeText} \n \n \n
{type} \n {priorityLevel.label} \n \n {isTeam && (\n \n
{account.name} \n \n )}\n \n
{dayjs(created_at).format('MM/DD/YYYY')} \n
{dueDateLabel} \n\n
\n {!isTeam && (\n <>\n {\n e.stopPropagation();\n setSelectedTodo({\n account_id,\n id,\n initTodoVals: {\n deadline: deadline ? dayjs(deadline).format('MM/DD/YYYY') : '',\n label,\n selectedAssignee,\n selectedPriority: priorityOptions[base_level || 0],\n },\n project_template_id,\n });\n setIsEditTodoOpen(true);\n }}\n size=\"sm\"\n tooltip=\"Edit Todo\"\n >\n {\n e.stopPropagation();\n handleDeleteTodo(id, false, account_id);\n }}\n size=\"sm\"\n tooltip=\"Delete Todo\"\n >\n {\n e.stopPropagation();\n dispatch(setCompany(account.id, null, account.id === currentAccountId));\n }}\n size=\"sm\"\n tooltip=\"Go to Workspace\"\n >\n
\n
\n \n
\n
Assign Workflow Role \n
Role updates won't affect already submitted Workflow Tasks. \n
e.formikValue),\n }}\n onSubmit={({ counsel_options }, actions) => {\n counsel_options.forEach(e => {\n const optionIndex = projectCounselQuestions.findIndex(\n val =>\n val.counsel_type === e.counsel_type &&\n val.formikValue.value !== e.value,\n );\n if (optionIndex !== -1) {\n dispatch(\n updateProjectCounsel(\n projectCounselQuestions[optionIndex].formikValue,\n e,\n projectId,\n ),\n );\n }\n });\n onClose();\n }}\n >\n {formikProps => {\n return (\n \n );\n }}\n \n \n );\n};\n\nReviewersModal.defaultProps = {\n secondaryActionText: 'Close',\n};\n\nexport default ReviewersModal;\n","// Set\nexport const SET_BOX_TOKEN = 'savvi/cabinet/SET_BOX_TOKEN';\nexport const SET_USER_DOCUMENT_BOX_TOKEN = 'savvi/cabinet/SET_USER_DOCUMENT_BOX_TOKEN';\n\n// Box Token Actions\nexport const BOX_TOKEN_REQUEST = 'savvi/cabinet/BOX_TOKEN_REQUEST';\nexport const BOX_TOKEN_SUCCESS = 'savvi/cabinet/BOX_TOKEN_SUCCESS';\nexport const BOX_TOKEN_FAILED = 'savvi/cabinet/BOX_TOKEN_FAILED';\n\nexport const GET_USER_DOCUMENT_BOX_TOKEN_REQUEST =\n 'savvi/cabinet/GET_USER_DOCUMENT_BOX_TOKEN_REQUEST';\nexport const GET_USER_DOCUMENT_BOX_TOKEN_SUCCESS =\n 'savvi/cabinet/GET_USER_DOCUMENT_BOX_TOKEN_SUCCESS';\nexport const GET_USER_DOCUMENT_BOX_TOKEN_FAILED =\n 'savvi/cabinet/GET_USER_DOCUMENT_BOX_TOKEN_FAILED';\n\nexport const GET_BOX_FILE_INFO_REQUEST = 'savvi/cabinet/GET_BOX_FILE_INFO_REQUEST';\nexport const GET_BOX_FILE_INFO_SUCCESS = 'savvi/cabinet/GET_BOX_FILE_INFO_SUCCESS';\nexport const GET_BOX_FILE_INFO_FAILED = 'savvi/cabinet/GET_BOX_FILE_INFO_FAILED';\n\nexport const DOWNLOAD_SELECTED_BOX_FILES_REQUEST =\n 'savvi/cabinet/DOWNLOAD_SELECTED_BOX_FILES_REQUEST';\nexport const DOWNLOAD_SELECTED_BOX_FILES_SUCCESS =\n 'savvi/cabinet/DOWNLOAD_SELECTED_BOX_FILES_SUCCESS';\nexport const DOWNLOAD_SELECTED_BOX_FILES_FAILED =\n 'savvi/cabinet/DOWNLOAD_SELECTED_BOX_FILES_FAILED';\n\nexport const GET_BOX_TOKEN_FOLDER_ID_REQUEST =\n 'savvi/cabinet/GET_BOX_TOKEN_FOLDER_ID_REQUEST';\nexport const GET_BOX_TOKEN_FOLDER_ID_SUCCESS =\n 'savvi/cabinet/GET_BOX_TOKEN_FOLDER_ID_SUCCESS';\nexport const GET_BOX_TOKEN_FOLDER_ID_FAILED =\n 'savvi/cabinet/GET_BOX_TOKEN_FOLDER_ID_FAILED';\n\nexport const GET_TEMPORARY_BOX_TOKEN_REQUEST =\n 'savvi/cabinet/GET_TEMPORARY_BOX_TOKEN_REQUEST';\nexport const GET_TEMPORARY_BOX_TOKEN_SUCCESS =\n 'savvi/cabinet/GET_TEMPORARY_BOX_TOKEN_SUCCESS';\nexport const GET_TEMPORARY_BOX_TOKEN_FAILED =\n 'savvi/cabinet/GET_TEMPORARY_BOX_TOKEN_FAILED';\nexport const SET_TEMP_TOKEN_FETCH_INITIALIZED =\n 'savvi/cabinet/SET_TEMP_TOKEN_FETCH_INITIALIZED';\n\nexport const UPLOAD_BOX_FILE_REQUEST = 'savvi/cabinet/UPLOAD_BOX_FILE_REQUEST';\nexport const UPLOAD_BOX_FILE_SUCCESS = 'savvi/cabinet/UPLOAD_BOX_FILE_SUCCESS';\nexport const UPLOAD_BOX_FILE_FAILED = 'savvi/cabinet/UPLOAD_BOX_FILE_FAILED';\n","import React, { useEffect, useState } from 'react';\nimport Modal from 'react-modal';\nimport { useDispatch, useSelector } from 'react-redux';\n\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { Field, Form, Formik } from 'formik';\n\nimport { createFeature, getFlatFeatures } from '../../redux/modules/Formation/operations';\nimport {\n getFlatFeaturesForOptions,\n isFetchingWithHooks,\n} from '../../redux/modules/Formation/selectors';\nimport { getCounsels } from '../../redux/modules/Profile/operations';\nimport { getAttorneysForReviewers } from '../../redux/modules/Profile/selectors';\nimport {\n createResourceName,\n updateTransaction,\n} from '../../redux/modules/Transaction/operations';\nimport { isFetchingWithHooks as isTransactionFetchingWithHooks } from '../../redux/modules/Transaction/selectors';\nimport { validateEmail, validateString } from '../../utils/FeatureTypes';\nimport { Button } from '../common';\nimport { TextField } from '../formik';\nimport { InputSelect } from '../inputs';\n\nimport './ReviewersModal.scss';\n\n// import { Link } from 'react-router-dom';\n\nconst customStyles = {\n overlay: {\n zIndex: 9,\n backgroundColor: 'rgba(0,0,0,.66)',\n position: 'fixed',\n height: '100vh',\n width: '100vw',\n display: 'flex',\n overflowY: 'auto',\n paddingTop: 20,\n WebkitOverflowScrolling: 'touch',\n },\n content: {\n position: 'static',\n maxWidth: '450px',\n minHeight: '450px',\n margin: 'auto',\n padding: 0,\n border: 'none',\n boxShadow: '3px 3px 3px 3px #33373859',\n display: 'flex',\n flexDirection: 'column',\n },\n};\n\nconst ReviewersModal = ({\n initReviewers = [],\n isOpen,\n onClose,\n open,\n params: { transactionId },\n}) => {\n initReviewers = initReviewers.map(e => {\n if (!e.value) {\n const name = e.name || `${e.first_name} ${e.last_name}`;\n e.value = name;\n e.label = name;\n }\n return e;\n });\n const attorneys = useSelector(state => getAttorneysForReviewers(state.Profile));\n const individuals = useSelector(state => getFlatFeaturesForOptions(state, 'reviewers'));\n const isFetchingFormation = useSelector(isFetchingWithHooks);\n const isFetchingTransaction = useSelector(isTransactionFetchingWithHooks);\n\n const [reviewers, setReviewers] = useState([]);\n const [isSetEmailFetching, setIsSetEmailFetching] = useState(false);\n const [isNewReviewerShowing, setNewReviewerShowing] = useState(false);\n const [emailsNeededArr, setEmailsNeededArr] = useState([]);\n const [isEmailsNeeded, setIsEmailsNeeded] = useState(false);\n\n const dispatch = useDispatch();\n useEffect(\n () => setReviewers([...attorneys, ...individuals]),\n [attorneys, individuals, setReviewers],\n );\n useEffect(() => {\n dispatch(getCounsels());\n dispatch(\n getFlatFeatures(\n {\n select: [1, 2, 33, 34],\n where: {},\n },\n 'reviewers',\n ),\n );\n }, [dispatch]);\n\n return (\n \n \n
\n
Set Reviewers \n
Allow others to view the document(s) being sent on Task Submission \n
{\n let emailsNeededArr = [];\n let isEmailsNeeded = false;\n for (let key in reviewers) {\n if (!reviewers[key].email) {\n emailsNeededArr.push(reviewers[key]);\n isEmailsNeeded = true;\n }\n }\n if (isEmailsNeeded) {\n setEmailsNeededArr([...emailsNeededArr]);\n setIsEmailsNeeded(true);\n actions.setFieldValue(\n 'emailsNeeded',\n emailsNeededArr.reduce((dict, e) => ({ ...dict, [e.name]: '' }), {}),\n );\n } else {\n dispatch(updateTransaction(transactionId, { reviewers })).then(e =>\n onClose(),\n );\n }\n }}\n >\n {({\n handleBlur,\n handleChange,\n setFieldError,\n setFieldTouched,\n setFieldValue,\n values: {\n emailsNeeded,\n newReviewer: { email, first_name, last_name },\n reviewers: formikReviewers,\n },\n ...formikProps\n }) => {\n return (\n \n );\n }}\n \n \n );\n};\n\nReviewersModal.defaultProps = {\n secondaryActionText: 'Close',\n};\n\nexport default ReviewersModal;\n","import React, { useState } from 'react';\n\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport classnames from 'classnames';\nimport isEmpty from 'lodash-es/isEmpty';\nimport kebabCase from 'lodash-es/kebabCase';\n\nimport SavviLoading from '../SavviLoading';\n\nimport './TimelineSection.scss';\nimport { Link } from 'react-router-dom';\nimport handlePath from '../../utils/handlePath';\nimport dayjs from 'dayjs/esm';\nimport localizedFormat from 'dayjs/plugin/localizedFormat';\n\ndayjs.extend(localizedFormat);\n\nconst TimelineSection = ({\n deliverableLabel,\n isFetchingInit = false,\n params,\n timeline = [],\n}) => {\n const [isCollapsed, setIsCollapsed] = useState(true);\n\n const handleToggleCollapse = () => {\n const element = document.querySelector(\n `#timeline-inner-${kebabCase(deliverableLabel)}`,\n );\n if (!isCollapsed) {\n let sectionHeight = element.scrollHeight;\n // temporarily disable all css transitions\n let elementTransition = element.style.transition;\n element.style.transition = '';\n\n // on the next frame (as soon as the previous style change has taken effect),\n // explicitly set the element's height to its current pixel height, so we\n // aren't transitioning out of 'auto'\n requestAnimationFrame(function () {\n element.style.maxHeight = sectionHeight + 'px';\n element.style.transition = elementTransition;\n\n // on the next frame (as soon as the previous style change has taken effect),\n // have the element transition to height: 176px then scroll to header\n requestAnimationFrame(function () {\n const elementHeader = document.querySelector(\n `#timeline-${kebabCase(deliverableLabel)}`,\n );\n document\n .querySelector('.workbench__main')\n .scrollTo({ top: elementHeader.offsetTop - 100, behavior: 'smooth' });\n setTimeout(() => {\n element.style.maxHeight = 176 + 'px';\n }, 500);\n });\n });\n\n // set section to collapsed\n setIsCollapsed(true);\n } else {\n // get the height of the element's inner content, regardless of its actual size\n let sectionHeight = element.scrollHeight;\n\n // have the element transition to the height of its inner content\n element.style.maxHeight = sectionHeight + 'px';\n\n // set section to not collapsed\n setIsCollapsed(false);\n }\n };\n if (isEmpty(timeline)) {\n return null;\n }\n return (\n \n
\n {/* {deliverableLabel} Timeline */}\n Timeline \n \n
No Timeline data found. \n \n )}\n \n {isEmpty(timeline) && (\n \n No timeline found for {deliverableLabel}.\n \n )}\n {isCollapsed && timeline.length > 2 &&
}\n {timeline.map(({ created_at, description, icon, id, label, link }, ind) => (\n \n \n \n
\n {label}\n {link && (\n <>\n {` (`}\n \n {description &&
{description}
}\n
\n
\n
setIsCollapsed(!isCollapsed)}\n >\n {isCollapsed ? 'Show Older' : 'Show Less'}\n \n \n
\n
Add Reviewer \n
\n Allow others to view and edit the document through Panda Doc.\n \n
{\n dispatch(setDocumentReviewer(pandaDocId, newReviewer, transactionId)).then(\n e => onClose(),\n );\n }}\n >\n {({\n handleBlur,\n handleChange,\n setFieldError,\n setFieldTouched,\n setFieldValue,\n values: {\n newReviewer: { email, first_name, last_name },\n },\n ...formikProps\n }) => {\n return (\n \n );\n }}\n \n \n );\n};\n\nexport default AddReviewerModal;\n","import React, { useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nimport useInterval from '../../../utils/useInterval';\n\nimport './ProgressBar.scss';\n\nconst ProgressBar = ({\n delay,\n isFetchingInit,\n isLoadingFirstTime = true,\n isStopped,\n percentage,\n setDelay,\n setError,\n setIsStopped,\n setPercentage,\n}) => {\n useEffect(() => {\n if (isLoadingFirstTime) {\n switch (percentage) {\n case 8:\n return setDelay(200);\n case 15:\n return setDelay(125);\n case 30:\n return setDelay(125);\n case 45:\n return setDelay(125);\n case 65:\n return setDelay(200);\n case 75:\n return setDelay(175);\n case 80:\n return setDelay(250);\n case 85:\n return setDelay(550);\n case 89:\n return setDelay(725);\n case 95:\n return setDelay(175);\n case 100:\n !isFetchingInit &&\n setError(\n e =>\n e ||\n \"An error has occurred loading your documents. If refreshing this page doesn't fix the issue, please contact us\",\n );\n return setIsStopped(true);\n default:\n return;\n }\n } else if (!isFetchingInit || isStopped) {\n setDelay(5);\n if (percentage >= 100) {\n setIsStopped(true);\n }\n } else {\n switch (percentage) {\n case 15:\n return setDelay(25);\n case 65:\n return setDelay(100);\n case 75:\n return setDelay(50);\n case 80:\n return setDelay(50);\n case 87:\n return setDelay(1000);\n case 89:\n return setDelay(3000);\n case 90:\n setError(\n e =>\n e ||\n \"An error has occurred loading your documents. If refreshing this page doesn't fix the issue, please contact us\",\n );\n return setIsStopped(true);\n default:\n return;\n }\n }\n }, [\n isFetchingInit,\n isLoadingFirstTime,\n isStopped,\n percentage,\n setDelay,\n setError,\n setIsStopped,\n ]);\n\n useInterval(() => setPercentage(percentage + 1), isStopped ? null : delay);\n return (\n \n
Looking for attached Documents... \n
\n
\n
\n
{percentage}% \n \n
\n
\n {!isDocumentsShowing &&
}\n {isDocumentsShowing && (\n
\n {!isLoaderStopped && (\n
\n )}\n {isLoaderStopped && isEmpty(document) && documentError && (\n
\n \n )}\n {isDocStatusMessageShowing && (\n
{docStatusMessage} \n )}\n {loaderPercentage >= 100 && (\n
\n
\n {!isEmpty(document) && !isSuggestionsShowing && (\n <>\n
\n {status !== 'document.completed' &&\n `Status - ${PandaDocStatusDict(status)}`}\n {isDocOpen && !!redline_available && (\n <>\n {', '}\n {redliningStatusLabel}\n {(isRedliningAllowed || status === 'document.draft') && (\n
* \n )}\n {' ('}\n
setIsSetRedliningOpen(true)}\n >\n {/* {`${isRedliningAllowed ? 'Disable' : 'Allow'} Redlining`} */}\n {redliningStatusAction}\n \n {!!isRedliningAllowed && (\n
\n \n {')'}\n \n )}\n \n {isDocOpen && (status === 'document.draft' || isRedliningAllowed) && (\n
\n * \n any documents changes or suggestions will be checked for and\n updated here periodically\n
\n )}\n \n )}\n {isSuggestionsShowing && (\n
\n
\n Status - Pending Suggestions \n * \n \n
\n * \n any documents changes or suggestions will be checked for and updated\n here periodically\n
\n
\n
\n {suggestionsByUser.map(\n ({ email, name, lastVisited, suggestions, replies }, ind) => {\n return (\n
\n \n
\n
\n {suggestions.length} \n {' active suggestions'}\n {replies.length > 0 && (\n \n {'with comments'}\n \n \n \n <>\n \n
Suggestion Comments
\n
\n
\n {reply.text}
\n \n
\n {dayjs(reply.date_created).format('LLL')}\n \n \n {`${reply.user.first_name} ${reply.user.last_name} | ${reply.user.email}`}\n \n \n \n
\n );\n },\n )}\n
\n \n Review Suggestions\n \n setIsSetRedliningOpen(true)}>\n Approve All\n \n
\n
\n )}\n {/* {isRedlining && (\n
{\n handleSetDocumentRedliningVersion(selectedRedline);\n }}\n >\n {formikProps => (\n \n ),\n )}\n
\n Approve Version\n \n \n )}\n \n )} */}\n {isRecipientsShowing && (\n
\n
Recipients \n {filteredRecipients.length === 0 &&
No recipients found.
}\n {filteredRecipients.length > 0 &&\n filteredRecipients.map(recipient => (\n
\n ))}\n
\n {status !== 'document.completed' && (\n setAddReviewerModal(true)}\n >\n {
\n
\n )}\n
\n
\n )}\n \n )}\n \n )}\n {!!redline_available && (\n \n isRedliningAllowed\n ? handleApproveSuggestions()\n : handleSetDocumentRedliningAlert()\n }\n onClose={() => setIsSetRedliningOpen(false)}\n primaryActionText={redliningAlertAction}\n />\n )}\n {isAddReviewerModalOpen && (\n setAddReviewerModal(false)}\n pandaDocId={pandaDocId}\n transactionId={transactionId}\n />\n )}\n {/* handleSetDocumentRedliningOnAlert(true)}\n onClose={() => handleSetDocumentRedliningOnAlert(false)}\n primaryActionText=\"Enable Editing\"\n /> */}\n \n );\n};\n\nconst RecipientRow = ({\n currentUser,\n handleDealRoomRecipientLink,\n handleDocumentRecipientLink,\n handleResendLinkEmail,\n panda_document_id,\n recipient,\n status,\n}) => {\n const {\n email,\n email_sent,\n first_name,\n last_name,\n room_access_code,\n signature_link,\n signed,\n signer,\n } = recipient;\n\n const [isActionsShowing, setIsActionsShowing] = useState(false);\n\n const recipientEmail = email.toLowerCase();\n const userEmail = (currentUser?.email || '').toLowerCase();\n const isDeclined = status === 'document.declined' || status === 'document.deleted';\n const isSigned = !isDeclined && !!signed && !!signer;\n const isNotSigned = !isDeclined && (!signed || !signer);\n const recipientStatus =\n (isSigned && 'Signed') ||\n (!signer && 'Reviewer') ||\n (!email_sent && 'Email not sent') ||\n (status === 'document.draft' && 'Not yet sent') ||\n 'Not signed';\n\n return (\n \n
\n {!first_name && !last_name && 'Name not found: '}\n {(first_name || last_name) &&\n `${first_name || '(First name not given)'} ${\n last_name || '(Last name not given)'\n }: `}\n {email} \n
\n {isSigned && (\n
\n
\n )}\n {isNotSigned && (\n
\n
setIsActionsShowing(!isActionsShowing)}>\n {recipientStatus} \n
\n {status !== 'document.draft' && isActionsShowing && (\n
setIsActionsShowing(false)}>\n handleResendLinkEmail(panda_document_id, email)}\n isDisabled={!!signed && !!signer}\n size=\"sm\"\n >\n {email_sent === 0 ? 'Send Email' : 'Resend Email'}\n \n {!!room_access_code && (\n <>\n handleDealRoomRecipientLink(room_access_code)}\n size=\"sm\"\n >\n {`Copy ${\n (userEmail === recipientEmail && 'your ') ||\n (!!signed && !signer && 'reviewer ') ||\n ''\n }Room Link`}\n \n {userEmail === recipientEmail && (\n \n View Deal Room\n \n )}\n \n )}\n {!!signature_link && (\n <>\n handleDocumentRecipientLink(signature_link)}\n size=\"sm\"\n >\n {`Copy ${\n (userEmail === recipientEmail && 'Your') ||\n (!!signed && !signer && 'Reviewer') ||\n ''\n } Document Link`}\n \n {userEmail === recipientEmail && (\n \n View Document \n \n )}\n \n )}\n \n )}\n
\n )}\n
\n \n
{\n setIsFocused(false);\n }}\n onClick={e => {\n e.stopPropagation();\n setIsCollapsed(!isCollapsed);\n setIsFocused(true);\n }}\n >\n \n
{label} \n \n \n
{startCase(statusLabel)}
\n {!hideActions && (\n
\n {\n e.stopPropagation();\n setIsActionsShowing(!isActionsShowing);\n }}\n >\n {\n e.stopPropagation();\n setIsActionsShowing(false);\n }}\n >\n {Object.entries(transaction_actions)\n .sort((a, b) => {\n if (a[0] === 'Generate') {\n return -1;\n }\n if (\n (a[0] === 'Upload' && b[0] !== 'Generate') ||\n (a[0] === 'Skip' && b[0] === 'Custom')\n ) {\n return -1;\n }\n return 1;\n })\n .map(([key, value], index) => {\n if (\n hideRadios &&\n (key === 'Generate' || key === 'Upload' || key === 'Custom')\n ) {\n return null;\n }\n let isDisabled = false;\n let checked = taskMode === key;\n let inputLabel = key;\n if (hideRadios) {\n checked = !!bypassed;\n }\n if (key === 'Bypass') {\n isDisabled = !value;\n inputLabel = 'Skip';\n }\n return (\n {\n if (hideRadios && key === 'Bypass' && taskMode === key) {\n handleTaskAction('Enable', id);\n } else if (taskMode !== key && value) {\n handleTaskAction(key, id);\n }\n }}\n >\n {inputLabel}\n \n );\n })}\n \n )}\n
\n )}\n
\n
\n
\n
\n {type}\n {type === 'Document' && mode === 'Upload' && ' (Upload)'}\n {type !== 'Document' && !!timelineLabel && (\n <>\n {' ('}\n {timelineLabel})\n \n )}\n \n {
{processLabel}
}\n
\n {taskFees.length > 0 && (\n
\n
Fees \n {taskFees.map((fee, feeInd) => (\n
\n
\n \n {(isWhiteLabel && 'Covered by One Tap!') ||\n (fee.is_annual && fee.amount) ||\n '$' + fee.amount + ' '}\n \n {fee.label}\n {' - '}\n \n {(!isWhiteLabel && open && 'Unpaid') || 'Paid'}\n \n
\n
\n ))}\n
\n )}\n {taskAddons.length > 0 && (\n
\n
Add-ons \n {taskAddons.map((addon, addonInd) => (\n
\n
\n \n {(isWhiteLabel && 'Covered by One Tap!') ||\n '$' + addon.amount + '/'}\n {(isWhiteLabel && ' ') ||\n (addon.period === 'year' && 'Yr ') ||\n 'Mo '}\n \n {addon.label}\n {' add-on - '}\n \n {(!isWhiteLabel && open && 'Unpaid') || 'Paid'}\n \n
\n
\n ))}\n
\n )}\n {isDocumentsShowing && (\n
\n )}\n {!open &&\n !bypassed &&\n mode !== 'Upload' &&\n type === 'Document' &&\n (!!document.box_file_id || isPreviewShowing) && (\n
\n )}\n
\n
\n {type === 'Document' &&\n mode !== 'Upload' &&\n document.box_file_id &&\n !isRedliningShowing && (\n
\n )}\n {!document.box_file_id && isPreviewShowing && !isRedliningShowing && (\n
\n )}\n {isRedliningShowing && (\n
\n )}\n {!open &&\n !bypassed &&\n mode !== 'Upload' &&\n (type !== 'Document' || (!document.box_file_id && !isPreviewShowing)) && (\n
\n )}\n {(open || mode === 'Upload') &&\n !document.box_file_id &&\n !isPreviewShowing &&\n !!description && (\n
\n
description \n {
{description}
}\n
\n )}\n
\n
\n \n
\n
{label} \n \n
\n {\n e.stopPropagation();\n setIsActionsShowing(true);\n }}\n >\n {\n e.stopPropagation();\n setIsActionsShowing(false);\n }}\n >\n {!!open && !!validated_questionnaire && (\n \n dispatch(\n updateTransaction(transactionId, {\n validated_questionnaire: 0,\n }),\n )\n }\n >\n Update Inputs\n \n )}\n {!open && (\n setReopenAlert(true)}\n >\n Reopen Task\n \n )}\n {isWorkflowCounselShowing && (\n setProjectCounselModal(true)}\n >\n Assign Role\n \n )}\n {isDocumentTransaction && !!open && !isNoAssessmentProject && (\n setReviewersModal(true)}>\n Assign Reviewers\n \n )}\n {!is_assessment && (\n {\n setIsSharingForm(!isSharingForm);\n }}\n >\n {isSharingForm ? 'Cancel Sharing Form' : 'Share Form'}\n \n )}\n {\n handleTaskAction('delete');\n }}\n >\n Delete Task\n \n \n )}\n
\n
\n
\n
\n {(!!open &&\n !!validated_questionnaire &&\n `Form completed on ${moment(updated_at).format('dddd MMMM, Do YYYY')}`) ||\n (!!open &&\n (transactionDescription ||\n 'Please fill out the requested information.')) ||\n (state === 'Completed' &&\n `Completed on ${moment(submission_date).format(\n 'dddd MMMM, Do YYYY',\n )}`) ||\n `Submitted on ${moment(submission_date).format('dddd MMMM, Do YYYY')}`}\n {!!open && !!validated_questionnaire && (\n <>\n {' ('}\n \n dispatch(\n updateTransaction(transactionId, {\n validated_questionnaire: 0,\n }),\n )\n }\n >\n Update Inputs\n \n )\n \n )}\n
\n {!!open && !validated_questionnaire && (\n
\n (* Required)\n
\n )}\n
\n
\n {tasks.map((task, ind) => (\n
\n )}\n {isFormShowing && (\n \n {!!open && !validated_questionnaire && (\n
\n ${isAddonsHidden ? feesTotal : amountTotal} \n \n )}\n .\n \n )}\n {!!open && !!validated_questionnaire && (\n
\n Once you press 'Submit' we will use your information to begin processing\n your Task. Submitting will use {documentCredits || 'zero'} {' '}\n document credit(s){' '}\n {isPartnerCovering ? `(covered by ${attachedPartner.name})` : ''}\n {isTotalShowing && (\n <>\n {' '}\n and you will be charged{' '}\n \n ${isAddonsHidden ? feesTotal : amountTotal}\n setPricingOpen(false)}\n closeOnInsideClick={false}\n isOpen={isPricingOpen}\n toggle={\n \n setPricingOpen(!isPricingOpen)}\n icon={['fal', 'info-circle']}\n />\n \n }\n upwards={true}\n >\n {fees.length > 0 && (\n <>\n Additional Fees: \n {fees.map((fee, feeInd) => (\n \n {`- ${fee.label} - ${\n (isWhiteLabel && 'Covered by One Tap!') ||\n (fee.is_annual && fee.amount) ||\n '$' + fee.amount\n }`}\n {fee.comment && (\n \n )}\n \n ))}\n \n )}\n {addons.length > 0 && !isAddonsHidden && (\n <>\n Add-ons \n \n {addons.map((addon, addonInd) => (\n \n {`- ${addon.label} - ${\n isWhiteLabel\n ? 'Covered by One Tap!'\n : '$' + addon.amount + '/'\n }`}\n {(isWhiteLabel && ' ') ||\n (addon.period === 'year' && 'Yr') ||\n 'Mo'}\n \n ))}\n \n \n )}\n {(fees.length > 0 || addons.length > 0) &&\n !get(fees, '[0].is_annual', false) && (\n \n {'Total - '}\n {(isWhiteLabel && 'Covered by One Tap!') ||\n '$' + ((isAddonsHidden && feesTotal) || amountTotal)}\n \n )}\n \n \n \n )}\n .\n \n )}\n {!!disabled && (\n
\n \n )}\n {!!isReopeningTimeout && (\n
\n \n )}\n
\n
setProjectCounselModal(false)}\n params={params}\n />\n )}\n {isDeleteAlertOpen && (\n handleTransactionDelete(true)}\n onClose={() => handleTransactionDelete(false)}\n primaryActionText=\"Delete Task\"\n />\n )}\n {isReopenAlertOpen && (\n handleTransactionReopen(true)}\n onClose={() => handleTransactionReopen(false)}\n primaryActionText=\"Reopen Task\"\n />\n )}\n {isReviewModalOpen && (\n setReviewModal(false)}\n handleFinalize={handleFinalize}\n params={params}\n reviewInfo={reviewInfo}\n room_use={room_use}\n />\n )}\n {isReviewersModalOpen && (\n setReviewersModal(false)}\n params={params}\n />\n )}\n \n 0 && !validated_questionnaire && !!open}\n isQuestionnaireSubmitted={!open || !!validated_questionnaire}\n isPortalView={isPortalView}\n isReviewersShowing={isDocumentTransaction && !!open && !isNoAssessmentProject}\n isTaskView\n isWorkflowCounselShowing={isWorkflowCounselShowing}\n open={open}\n outsideForms={connectedOutsideForms}\n params={params}\n rooms={taskRooms}\n projectCounsel={projectCounsel}\n reviewers={reviewers}\n reviewInfo={reviewInfo}\n tasks={tasks}\n />\n \n );\n};\n\nWorkbenchTaskOverview.defaultProps = {\n navTitle: 'Module Steps',\n};\nexport default WorkbenchTaskOverview;\n","import { useEffect, useState } from 'react';\n\nexport default function usePageFocused() {\n const [isFocused, setIsFocused] = useState(true);\n\n useEffect(() => {\n const onFocus = () => setIsFocused(true);\n const onBlur = () => setIsFocused(false);\n window.addEventListener('focus', onFocus);\n window.addEventListener('blur', onBlur);\n // Specify how to clean up after this effect:\n return () => {\n window.removeEventListener('focus', onFocus);\n window.removeEventListener('blur', onBlur);\n };\n }, []);\n\n return isFocused;\n}\n","import WorkbenchTaskOverview from './WorkbenchTaskOverview';\n\nexport default WorkbenchTaskOverview;\n","import PropTypes from 'prop-types';\n\n// const\nconst initData = PropTypes.shape({\n optionOne: PropTypes.shape({\n description: PropTypes.string,\n title: PropTypes.string,\n value: PropTypes.string,\n }),\n optionTwo: PropTypes.shape({\n description: PropTypes.string,\n title: PropTypes.string,\n value: PropTypes.string,\n }),\n renderSublabel: PropTypes.func,\n});\n\nconst deliverable = PropTypes.shape({\n id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n name: PropTypes.string,\n type: PropTypes.string,\n Status: PropTypes.string,\n});\n\nconst moduleTask = PropTypes.shape({\n description: PropTypes.string,\n deliverables: PropTypes.arrayOf(deliverable),\n price: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n status: PropTypes.string,\n isLocked: PropTypes.bool,\n isDisabled: PropTypes.oneOfType([PropTypes.bool, PropTypes.number]),\n order: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n title: PropTypes.string,\n name: PropTypes.string,\n to: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n});\n\n// const subTask = PropTypes.shape({\n// id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n// });\n\nconst myModule = PropTypes.shape({\n id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n percentComplete: PropTypes.string,\n currentTask: PropTypes.string,\n name: PropTypes.string,\n tasks: PropTypes.arrayOf(moduleTask),\n});\n\nconst MyTypes = { deliverable, initData, myModule, moduleTask };\n\nexport { MyTypes as default };\n","import { RSAA } from 'redux-api-middleware';\n\nimport get from 'lodash-es/get';\nimport isEmpty from 'lodash-es/isEmpty';\n\nimport { requestHeaders } from '../../utils/api';\nimport { setNotice } from '../UI/actions';\nimport * as actions from './actions';\nimport * as Types from './types';\nimport {\n getAccountTransactions,\n getAllAccountTransactions,\n getTransactionsHistory,\n updateTransaction,\n} from '../Transaction/operations';\n\nexport const getAccountProjects = moduleId => {\n let url = '/api/account/project';\n if (moduleId) {\n url = url + `?module_id=${moduleId}`;\n }\n const REQUEST = Types[`GET_ACCOUNT_PROJECTS_REQUEST`];\n const SUCCESS = Types[`GET_ACCOUNT_PROJECTS_SUCCESS`];\n const FAILED = Types[`GET_ACCOUNT_PROJECTS_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: url,\n method: 'GET',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n return await dispatch(actions.setAccountProjects(actionResponse.payload));\n // await dispatch(actions.setQuestionnaire(actionResponse.payload));\n }\n };\n};\n\nexport const deleteAccountProject = id => {\n const REQUEST = Types[`DELETE_ACCOUNT_PROJECT_REQUEST`];\n const SUCCESS = Types[`DELETE_ACCOUNT_PROJECT_SUCCESS`];\n const FAILED = Types[`DELETE_ACCOUNT_PROJECT_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/project/${id}`,\n method: 'DELETE',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n await dispatch(setNotice({ message: 'Project Deleted' }));\n return await actionResponse.payload;\n // return await dispatch(actions.setAccountProject(actionResponse.payload));\n } else {\n if (\n actionResponse.payload.message !==\n 'Project contains completed transactions. Please contact savvi support.'\n ) {\n await dispatch(setNotice({ message: actionResponse.payload.message }));\n }\n throw actionResponse.payload;\n }\n };\n};\n\nexport const getAccountProject = id => {\n const REQUEST = Types[`GET_ACCOUNT_PROJECT_REQUEST`];\n const SUCCESS = Types[`GET_ACCOUNT_PROJECT_SUCCESS`];\n const FAILED = Types[`GET_ACCOUNT_PROJECT_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/project/${id}`,\n method: 'GET',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error && !isEmpty(actionResponse.payload)) {\n // return actionResponse.payload;\n await dispatch(actions.setAccountProject(actionResponse.payload));\n return await actionResponse.payload;\n }\n throw await actionResponse.payload;\n };\n};\n\nexport const updateProject = (body, projectId) => {\n const REQUEST = Types[`UPDATE_PROJECT_REQUEST`];\n const SUCCESS = Types[`UPDATE_PROJECT_SUCCESS`];\n const FAILED = Types[`UPDATE_PROJECT_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/project/${projectId}`,\n method: 'PUT',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n body: () => JSON.stringify(body),\n },\n });\n if (!actionResponse.error) {\n return await actionResponse.payload;\n // return await dispatch(actions.setProjects(actionResponse.payload));\n }\n throw await get(actionResponse, 'payload.message', 'An error has occurred.');\n };\n};\n\nexport const getProjects = moduleId => {\n let url = '/api/account/project_template';\n if (moduleId) {\n url = url + `?module_id=${moduleId}`;\n }\n const REQUEST = Types[`GET_PROJECTS_REQUEST`];\n const SUCCESS = Types[`GET_PROJECTS_SUCCESS`];\n const FAILED = Types[`GET_PROJECTS_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: url,\n method: 'GET',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n return await dispatch(actions.setProjects(actionResponse.payload));\n }\n throw await get(actionResponse, 'payload.message', 'An error has occurred.');\n };\n};\n\nexport const getProject = projectId => {\n const REQUEST = Types[`GET_PROJECT_REQUEST`];\n const SUCCESS = Types[`GET_PROJECT_SUCCESS`];\n const FAILED = Types[`GET_PROJECT_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/project_template/:1`,\n method: 'GET',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n // await dispatch(actions.setQuestionnaire(actionResponse.payload));\n } else {\n throw await get(actionResponse, 'payload.message', 'An error has occurred.');\n }\n };\n};\n\nexport const postProject = id => {\n const REQUEST = Types[`POST_PROJECT_REQUEST`];\n const SUCCESS = Types[`POST_PROJECT_SUCCESS`];\n const FAILED = Types[`POST_PROJECT_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/project_template/${id}/create`,\n method: 'POST',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n return await dispatch(getAccountProject(actionResponse.payload.id));\n } else {\n await dispatch(\n setNotice({ type: 'error', message: actionResponse.payload.message }),\n );\n throw await actionResponse.payload;\n }\n };\n};\n\nexport const performTaskAction = (action, taskId, projectId, parentView) => {\n const REQUEST = Types[`PERFORM_TASK_ACTION_REQUEST`];\n const SUCCESS = Types[`PERFORM_TASK_ACTION_SUCCESS`];\n const FAILED = Types[`PERFORM_TASK_ACTION_FAILED`];\n let method = 'PUT';\n let endpoint = `/api/account/task/${taskId}`;\n if (action === 'reopen') {\n method = 'PATCH';\n endpoint = `/api/account/transaction/${taskId}/reopen`;\n } else if (action === 'delete') {\n method = 'DELETE';\n endpoint = `/api/account/transaction/${taskId}`;\n }\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint,\n method,\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n body: () => JSON.stringify({ action }),\n },\n });\n if (!actionResponse.error && !isEmpty(actionResponse.payload)) {\n const message =\n (action === 'delete' && 'Task deleted.') ||\n (action === 'Generate' && 'Process set to generate document.') ||\n (action === 'Upload' && 'Process set to upload document.') ||\n (action === 'Bypass' && 'Process set to skip document.') ||\n (action === 'Enable' && 'Process enabled.') ||\n (action === 'Custom' && 'Process set to custom document.') ||\n (action === 'reopen' && 'Task reopened.') ||\n 'Requested action submitted.';\n if (parentView === 'Tasks') {\n await dispatch(getTransactionsHistory('tasks'));\n } else if (parentView === 'Home') {\n await dispatch(getAccountTransactions('-1'));\n } else if (parentView === 'Portal') {\n return await actionResponse.payload;\n } else if (parentView === 'MyDashboard') {\n await dispatch(getAllAccountTransactions());\n } else if (!!projectId) {\n await dispatch(getAccountProject(projectId));\n }\n if (action === 'reopen') {\n await dispatch(updateTransaction(taskId, { validated_questionnaire: 0 }));\n }\n await dispatch(\n setNotice({ type: action === 'delete' ? 'warning' : 'success', message }),\n );\n return await actionResponse.payload;\n }\n await dispatch(\n setNotice({\n type: 'error',\n message: get(\n actionResponse,\n 'payload.message',\n 'An error has occurred. if error persists, please contact Savvi Support.',\n ),\n }),\n );\n throw await get(actionResponse, 'payload.message', 'An error has occurred.');\n };\n};\n\nexport const updateTaskVariant = (account_task_id, body, projectId) => {\n return async (dispatch, getState) => {\n const REQUEST = Types[`UPDATE_TASK_VARIANT_REQUEST`];\n const SUCCESS = Types[`UPDATE_TASK_VARIANT_SUCCESS`];\n const FAILED = Types[`UPDATE_TASK_VARIANT_FAILED`];\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/task/${account_task_id}`,\n method: 'PUT',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n body: () => JSON.stringify(body),\n },\n });\n if (!actionResponse.error) {\n await dispatch(\n setNotice({\n message: get(actionResponse, 'payload.message', 'Task Template Updated.'),\n }),\n );\n await dispatch(getAccountProject(projectId));\n return await actionResponse.payload;\n // dispatch(actions.patchFeature(actionResponse.payload, individualName));\n // dispatch(\n // setNotice(`${individualName}'s ${lowerCase(featureName)} updated.`),\n // );\n } else {\n await dispatch(\n setNotice({\n type: 'error',\n message: get(\n actionResponse,\n 'payload.message',\n 'An error has occurred updating task template.',\n ),\n }),\n );\n throw await actionResponse.payload;\n }\n };\n};\n\nexport const updateProjectCounsel = (initialCounsel, chosenCounsel, projectId) => {\n return async (dispatch, getState) => {\n if (!!initialCounsel) {\n return await dispatch(\n deleteProjectCounsel(initialCounsel.id, projectId, chosenCounsel),\n );\n } else {\n return await dispatch(addProjectCounsel(chosenCounsel, projectId));\n }\n };\n};\n\nconst deleteProjectCounsel = (counselId, projectId, counselToAdd) => {\n const REQUEST = Types[`DELETE_PROJECT_COUNSEL_REQUEST`];\n const SUCCESS = Types[`DELETE_PROJECT_COUNSEL_SUCCESS`];\n const FAILED = Types[`DELETE_PROJECT_COUNSEL_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/project/${projectId}/counsel/${counselId}`,\n method: 'DELETE',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n if (!isEmpty(counselToAdd)) {\n return await dispatch(addProjectCounsel(counselToAdd, projectId));\n }\n return await dispatch(getAccountProject(projectId));\n // return await dispatch(actions.setProjects(actionResponse.payload));\n }\n throw await get(actionResponse, 'payload.message', 'An error has occurred.');\n };\n};\n\nconst addProjectCounsel = (counsel, projectId) => {\n const REQUEST = Types[`ADD_PROJECT_COUNSEL_REQUEST`];\n const SUCCESS = Types[`ADD_PROJECT_COUNSEL_SUCCESS`];\n const FAILED = Types[`ADD_PROJECT_COUNSEL_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/project/${projectId}/counsel`,\n method: 'POST',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n body: () => JSON.stringify(counsel),\n },\n });\n if (!actionResponse.error) {\n return await dispatch(getAccountProject(projectId));\n // return await dispatch(actions.setProjects(actionResponse.payload));\n }\n throw await get(actionResponse, 'payload.message', 'An error has occurred.');\n };\n};\n\n// export const getTransactionQuestionnaire = (questionnaireId, taskId) => {\n// const REQUEST = Types[`GET_TRANSACTION_QUESTIONNAIRE_REQUEST`];\n// const SUCCESS = Types[`GET_TRANSACTION_QUESTIONNAIRE_SUCCESS`];\n// const FAILED = Types[`GET_TRANSACTION_QUESTIONNAIRE_FAILED`];\n// return async (dispatch, getState) => {\n// const actionResponse = await dispatch({\n// [RSAA]: {\n// endpoint: `/api/account/transaction/1/questionnaire`,\n// method: 'GET',\n// headers: requestHeaders(true),\n// types: [REQUEST, SUCCESS, FAILED],\n// },\n// });\n// if (!actionResponse.error) {\n// // await dispatch(actions.setQuestionnaire(actionResponse.payload));\n// }\n// };\n// };\n","import { get, includes, reduce } from 'lodash-es';\nimport { createSelector, defaultMemoize } from 'reselect';\nimport { plansDict } from '../../../components/PlansModal/PlansModal';\n\n/**\n * @return {object} a hash of modules indexed by their unique id.\n */\nexport const isFetching = defaultMemoize(state => get(state, 'isFetching', false));\n\nexport const isFetchingWithHooks = defaultMemoize(state =>\n get(state, 'Formation.isFetching', false),\n);\n\nexport const getAccountId = defaultMemoize(state =>\n get(state, 'Formation.accountInfo.id', null),\n);\n\nexport const AccountSubs = defaultMemoize(state =>\n get(state, 'Formation.accountInfo.subscriptions', []).filter(sub => !!sub),\n);\n\nexport const UserLimit = defaultMemoize(state =>\n get(state, 'Formation.accountInfo.user_limit', 2),\n);\n\nexport const AccountSubsJoined = defaultMemoize(state =>\n get(state, 'Formation.accountInfo.subscriptions', []),\n);\n\nexport const CurrentSubscriptionIndex = createSelector(AccountSubsJoined, subs => {\n let reverseIndex = plansDict\n .slice()\n .reverse()\n .findIndex(e => includes(subs, e.slug));\n let subDictCount = plansDict.length - 1;\n if (reverseIndex === -1) {\n return 0;\n }\n return reverseIndex >= 0 ? subDictCount - reverseIndex : reverseIndex;\n});\n\nexport const getAccountUsers = defaultMemoize(state =>\n get(state, 'Formation.accountInfo.users', []),\n);\n\nexport const getResourcesByTypeId = defaultMemoize((state, resourceTypeId) =>\n get(state, `Formation.resources.${resourceTypeId}`, []),\n);\n\nexport const getResourcesByTypeIdForSelect = createSelector(\n getResourcesByTypeId,\n resources =>\n resources.reduce((dict, e) => {\n dict.push({\n ...e,\n label: e.name,\n value: e.name,\n resourceId: e.id,\n });\n return dict;\n }, []),\n);\n\nexport const AccountInfo = defaultMemoize(state =>\n get(state, 'Formation.accountInfo', {}),\n);\n\n/**\n * @return {object} a hash of modules indexed by their unique id.\n */\nexport const getFetchError = defaultMemoize(state => get(state, 'fetchError', null));\n\nexport const getAccountSubscriptions = defaultMemoize(state =>\n get(state, 'accountInfo.subscriptions', []),\n);\n\nexport const getSubtaskBySlug = defaultMemoize((state, taskId, subtaskSlug) => {\n const subtasks = get(state.tasks.byIds, `${taskId}.subtasks`, []);\n return subtasks.find(({ meta: { slug } }) => slug === subtaskSlug);\n});\n\nexport const IsRedliningAllowed = defaultMemoize(state =>\n get(state, 'Formation.accountInfo.subscriptions', []).includes('advanced'),\n);\n\n/**\n * @return {array} get a module for ModuleView.\n */\nexport const getTasksForHomeView = defaultMemoize(state =>\n reduce(\n get(state, 'homeTasks.byIds', []),\n (dict, e) => {\n dict.push(e);\n return dict;\n },\n [],\n ),\n);\n\nexport const FlatFeatures = defaultMemoize((state, slug) =>\n get(state, `Formation.features.${slug}`, {}),\n);\n\nexport const getFlatFeaturesForOptions = createSelector(FlatFeatures, individuals =>\n reduce(\n Object.entries(individuals),\n (dict, e) => {\n const updatedFeatures = reduce(\n e[1].features,\n (features, feature, key) => {\n features = {\n ...features,\n [key]: get(feature, '[0].value', ''),\n };\n return features;\n },\n {},\n );\n dict.push({\n ...updatedFeatures,\n label: e[0],\n resource_id: e[1].resource_id,\n value: e[0],\n });\n return dict;\n },\n [],\n ),\n);\n\n/**\n * @return {array} get a module for ModuleView.\n */\nexport const getTasksForModuleView = defaultMemoize((state, moduleId) =>\n get(state.modules, `${moduleId}.tasks`, []),\n);\n\n/**\n * @return {object} get a Features Object.\n */\nconst getFeaturesObject = defaultMemoize(state => get(state, 'features', {}));\n\nexport const getFeaturesForHomeView = createSelector(getFeaturesObject, homeObj =>\n reduce(\n homeObj,\n (dict, e, key) => {\n dict.push({\n ...e.features,\n });\n return dict;\n },\n [],\n ),\n);\n\nexport const CompanyNameWithHooks = defaultMemoize(state =>\n get(state, 'Formation.accountInfo.name', ''),\n);\n\nexport const isSubscribed = defaultMemoize(\n state => get(state.subscription, 'subscriptions.data', []).length > 0,\n);\n","import { RSAA } from 'redux-api-middleware';\n\nimport { get, isEqual as _isEqual, lowerCase } from 'lodash-es';\n\n// import NormalizationService from './utils';\nimport { requestHeaders } from '../../utils/api';\nimport { getTransactionQuestionnaire } from '../Transaction/operations';\nimport { setNotice } from '../UI/actions';\nimport {\n setFeature,\n setFeatures,\n patchFeature as patchFeatureAction,\n setAccountInfo,\n setResourcesByTypeId,\n setResourceById,\n} from './actions';\nimport * as Types from './types';\n\nexport const getFlatFeatures = (body, slug, accountId) => {\n const REQUEST = Types[`GET_FEATURES_REQUEST`];\n const SUCCESS = Types[`GET_FEATURES_SUCCESS`];\n const FAILED = Types[`GET_FEATURES_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: '/api/account/flat_feature/query',\n method: 'POST',\n headers: requestHeaders(true, accountId),\n types: [REQUEST, SUCCESS, FAILED],\n body: () => JSON.stringify(body),\n },\n });\n if (!actionResponse.error) {\n dispatch(setFeatures(actionResponse.payload, slug));\n }\n };\n};\n\nexport const createFeature = (\n body,\n individualName,\n featureName,\n isCompany,\n accountId,\n) => {\n return async (dispatch, getState) => {\n const REQUEST = Types[`CREATE_FEATURE_REQUEST`];\n const SUCCESS = Types[`CREATE_FEATURE_SUCCESS`];\n const FAILED = Types[`CREATE_FEATURE_FAILED`];\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/flat_feature`,\n method: 'POST',\n headers: requestHeaders(true, accountId),\n types: [REQUEST, SUCCESS, FAILED],\n body: () => JSON.stringify(body),\n },\n });\n if (!actionResponse.error) {\n if (!isCompany) {\n dispatch(setFeature(actionResponse.payload, individualName, featureName));\n }\n dispatch(setNotice(`${individualName}'s ${lowerCase(featureName)} created.`));\n } else {\n dispatch(setNotice({ type: 'error', message: actionResponse.payload.message }));\n }\n };\n};\n\nexport const patchFeature = (body, individualName, featureName, isCompany, accountId) => {\n return async (dispatch, getState) => {\n const REQUEST = Types[`PATCH_FEATURE_REQUEST`];\n const SUCCESS = Types[`PATCH_FEATURE_SUCCESS`];\n const FAILED = Types[`PATCH_FEATURE_FAILED`];\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: '/api/account/flat_feature',\n method: 'POST',\n headers: requestHeaders(true, accountId),\n types: [REQUEST, SUCCESS, FAILED],\n body: () => JSON.stringify(body),\n },\n });\n if (!actionResponse.error) {\n if (!isCompany) {\n dispatch(patchFeatureAction(actionResponse.payload, individualName, featureName));\n }\n dispatch(setNotice(`${individualName}'s ${lowerCase(featureName)} updated.`));\n return await actionResponse.payload;\n } else {\n dispatch(setNotice({ type: 'error', message: actionResponse.payload.message }));\n return await actionResponse.payload;\n }\n };\n};\n\nexport const updateResourceFeatures = (\n values,\n resourceFeatures,\n featureTypes,\n resource_id,\n individualName,\n isCompany = true,\n isNew,\n accountId,\n) => {\n return async dispatch => {\n return Object.entries(values)\n .reduce(async (previousPromise, [key, value]) => {\n return await previousPromise.then(\n e => {\n let isEqual = false;\n let updatedVal = value;\n const featureTypeIndex = featureTypes.findIndex(\n e => e.feature_type.name === key,\n );\n const feature_type_id = featureTypes[featureTypeIndex].feature_type_id;\n const feature_type = featureTypes[featureTypeIndex].feature_type.feature_type;\n const featureIndex = resourceFeatures.findIndex(\n e => e.feature_type_id === feature_type_id,\n );\n let originalVal = resourceFeatures[featureIndex]?.initialValue || '';\n\n if (feature_type === 'document') {\n return Promise.resolve(100);\n } else if (key === 'company_signatory') {\n if (\n value.constructor === Object &&\n !_isEqual(value.label, resourceFeatures[featureIndex].value)\n ) {\n dispatch(updateCompanySignatory(value.resource_id, accountId));\n return dispatch(\n createFeature(\n {\n value: value.label,\n feature_type_id,\n resource_id,\n },\n individualName,\n key,\n isCompany,\n accountId,\n ),\n );\n }\n } else if (Array.isArray(value)) {\n updatedVal = value.map(val => val.value).join('|');\n } else if (value.constructor === Object && value.value) {\n updatedVal = value.value;\n }\n\n if (updatedVal.constructor === Object && !!originalVal) {\n const {\n line_one = '',\n line_two = '',\n city = '',\n state = '',\n zip = '',\n country = '',\n } = value;\n\n if (\n originalVal.line_one === line_one &&\n originalVal.line_two === line_two &&\n originalVal.city === city &&\n originalVal.state === state &&\n originalVal.zip === zip &&\n (originalVal.country === country ||\n (!line_one && !line_two && !city && !state))\n ) {\n isEqual = true;\n } else {\n isEqual = false;\n updatedVal = `${line_one} \\n${line_two} \\n${city}, ${\n state.constructor === Object ? state.value : state\n } ${zip}`;\n if (country) {\n updatedVal += ` \\n${\n country.constructor === Object ? country.value : country\n }`;\n }\n }\n } else if (_isEqual(originalVal, updatedVal)) {\n isEqual = true;\n }\n\n if (!isEqual || isNew) {\n return dispatch(\n patchFeature(\n {\n value: updatedVal.trim(),\n feature_type_id,\n resource_id,\n },\n individualName,\n key,\n isCompany,\n accountId,\n ),\n );\n }\n return Promise.resolve(100);\n },\n error => {\n console.warn('error', error);\n return Promise.resolve();\n },\n );\n }, Promise.resolve(100))\n .then(e => e);\n };\n};\n\nexport const getAccountInfo = companyId => {\n const REQUEST = Types[`GET_ACCOUNT_INFO_REQUEST`];\n const SUCCESS = Types[`GET_ACCOUNT_INFO_SUCCESS`];\n const FAILED = Types[`GET_ACCOUNT_INFO_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: '/api/account/me',\n method: 'get',\n headers: requestHeaders(true, companyId),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n return await dispatch(setAccountInfo(actionResponse.payload));\n }\n throw await get(actionResponse, 'payload.message', 'An error has occurred.');\n };\n};\n\nexport const patchAccountInfo = (body, moduleId) => {\n const REQUEST = Types[`PATCH_ACCOUNT_INFO_REQUEST`];\n const SUCCESS = Types[`PATCH_ACCOUNT_INFO_SUCCESS`];\n const FAILED = Types[`PATCH_ACCOUNT_INFO_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: '/api/account/me',\n method: 'PATCH',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n body: () => JSON.stringify(body),\n },\n });\n if (!actionResponse.error) {\n dispatch(setAccountInfo(actionResponse.payload));\n }\n };\n};\n\nexport const updateCompanySignatory = (signatoryId, accountId) => {\n const REQUEST = Types[`UPDATE_COMPANY_SIGNATORY_REQUEST`];\n const SUCCESS = Types[`UPDATE_COMPANY_SIGNATORY_SUCCESS`];\n const FAILED = Types[`UPDATE_COMPANY_SIGNATORY_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/signatory/${signatoryId}`,\n method: 'PATCH',\n headers: requestHeaders(true, accountId),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n return await actionResponse.payload;\n };\n};\n\nexport const fetchResourcesByTypeId = (resourceTypeId, accountId) => {\n const REQUEST = Types[`GET_RESOURCES_BY_TYPE_ID_REQUEST`];\n const SUCCESS = Types[`GET_RESOURCES_BY_TYPE_ID_SUCCESS`];\n const FAILED = Types[`GET_RESOURCES_BY_TYPE_ID_FAILED`];\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/resource/?resource_type_id=${resourceTypeId}`,\n method: 'GET',\n headers: requestHeaders(true, accountId),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n dispatch(setResourcesByTypeId(actionResponse.payload.results, resourceTypeId));\n return await actionResponse.payload;\n } else {\n dispatch(\n setNotice({\n type: 'error',\n message: get(actionResponse, 'payload.message', 'An error has occurred.'),\n }),\n );\n }\n };\n};\n\nexport const fetchResourceId = (resourceId, resourceTypeId, accountId) => {\n const REQUEST = Types[`GET_RESOURCE_BY_ID_REQUEST`];\n const SUCCESS = Types[`GET_RESOURCE_BY_ID_SUCCESS`];\n const FAILED = Types[`GET_RESOURCE_BY_ID_FAILED`];\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/resource/${resourceId}`,\n method: 'GET',\n headers: requestHeaders(true, accountId),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n dispatch(setResourceById(actionResponse.payload, resourceTypeId));\n return await actionResponse.payload;\n } else {\n dispatch(\n setNotice({\n type: 'error',\n message: get(actionResponse, 'payload.message', 'An error has occurred.'),\n }),\n );\n }\n };\n};\n\nexport const deleteIndividual = (resourceId, resourceName, accountId) => {\n const REQUEST = Types[`DELETE_INDIVIDUAL_REQUEST`];\n const SUCCESS = Types[`DELETE_INDIVIDUAL_SUCCESS`];\n const FAILED = Types[`DELETE_INDIVIDUAL_FAILED`];\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/resource/${resourceId}`,\n method: 'DELETE',\n headers: requestHeaders(true, accountId),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n dispatch(setNotice(`${resourceName} removed from our system.`));\n return actionResponse.payload;\n } else {\n dispatch(\n setNotice({\n type: 'error',\n message: `error removing ${resourceName}`,\n }),\n );\n return actionResponse.payload;\n }\n };\n};\n\nexport const mergeResources = (baseResourceId, draftResourceId, transactionId) => {\n const REQUEST = Types[`MERGE_RESOURCE_REQUEST`];\n const SUCCESS = Types[`MERGE_RESOURCE_SUCCESS`];\n const FAILED = Types[`MERGE_RESOURCE_FAILED`];\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/resource/merge/${baseResourceId}/${draftResourceId}`,\n method: 'PUT',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n if (transactionId) {\n dispatch(getTransactionQuestionnaire(transactionId));\n }\n dispatch(setNotice(`Resource connected successfully.`));\n } else {\n dispatch(\n setNotice({\n type: 'error',\n message: `error connecting resource`,\n }),\n );\n }\n };\n};\n\nexport const setLabel = (key, value) => {\n const REQUEST = Types[`SET_LABEL_REQUEST`];\n const SUCCESS = Types[`SET_LABEL_SUCCESS`];\n const FAILED = Types[`SET_LABEL_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/tasks/${key}/label`,\n method: 'post',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n body: () => JSON.stringify({ label: value }),\n },\n });\n if (!actionResponse.error) {\n // const normalizedData = normalizer.camelize(actionResponse.payload);\n // dispatch(updateModelByKey(normalizedData, 'task'));\n } else {\n }\n };\n};\n","import * as Types from './types';\n\nexport function clearErrors() {\n return {\n type: Types.CLEAR_ERRORS,\n };\n}\n\nexport function setErrors(errors) {\n return {\n type: Types.SET_ERRORS,\n payload: { errors },\n };\n}\n\nexport function setTransactionsByModule(payload, moduleId) {\n return {\n type: Types['SET_TRANSACTIONS_BY_MODULE'],\n payload,\n moduleId,\n };\n}\n\nexport function clearDocumentError(error) {\n return {\n type: Types['CLEAR_DOCUMENT_ERROR'],\n error,\n };\n}\n\nexport function setDocumentError(error) {\n return {\n type: Types['SET_DOCUMENT_ERROR'],\n error,\n };\n}\n\nexport function setDocumentRecipientsLinks(links, documentId) {\n return {\n type: Types['SET_DOCUMENT_RECIPIENTS_LINKS'],\n links,\n documentId,\n };\n}\n\nexport function setDocuments(payload, taskId) {\n return {\n type: Types['SET_DOCUMENTS'],\n payload,\n taskId,\n };\n}\n\nexport function setDocumentsByTransaction(payload, transactionId) {\n return {\n type: Types['SET_DOCUMENTS_BY_TRANSACTION'],\n payload,\n transactionId,\n };\n}\n\nexport function setMyTransactions(payload) {\n return {\n type: Types['SET_MY_TRANSACTIONS'],\n payload,\n };\n}\n\nexport function setTransaction(payload) {\n return {\n type: Types['SET_TRANSACTION'],\n payload,\n };\n}\n\nexport function setTransactionPreview(transactionId, payload) {\n return {\n type: Types['SET_TRANSACTION_PREVIEW'],\n payload,\n transactionId,\n };\n}\n\nexport function setTransactionQuestionnaire(payload, id) {\n return {\n type: Types['SET_TRANSACTION_QUESTIONNAIRE'],\n payload: { ...payload, id },\n };\n}\n\nexport function setMyTemplates(payload) {\n return {\n type: Types['SET_MY_TEMPLATES'],\n payload,\n };\n}\n\nexport function addCustomDocument(payload, transactionId) {\n return {\n type: Types['ADD_CUSTOM_DOCUMENT'],\n payload: { payload, transactionId },\n };\n}\n\nexport const setCustomDocument = (payload, customDocIndex, transactionId) => ({\n type: Types['SET_CUSTOM_DOCUMENT'],\n payload,\n customDocIndex,\n transactionId,\n});\n\nexport function createResourceFeature(payload) {\n return {\n type: Types['CREATE_RESOURCE_FEATURE'],\n payload,\n };\n}\n\nexport function updateResource(payload) {\n return {\n type: Types['UPDATE_RESOURCE'],\n payload,\n };\n}\n","// Submit Form Actions\nexport const GET_COMPANIES_REQUEST = 'savvi/company/GET_COMPANIES_REQUEST';\nexport const GET_COMPANIES_SUCCESS = 'savvi/company/GET_COMPANIES_SUCCESS';\nexport const GET_COMPANIES_FAILED = 'savvi/company/GET_COMPANIES_FAILED';\n\nexport const POST_COMPANY_PREFERENCE_REQUEST =\n 'savvi/company/POST_COMPANY_PREFERENCE_REQUEST';\nexport const POST_COMPANY_PREFERENCE_SUCCESS =\n 'savvi/company/POST_COMPANY_PREFERENCE_SUCCESS';\nexport const POST_COMPANY_PREFERENCE_FAILED =\n 'savvi/company/POST_COMPANY_PREFERENCE_FAILED';\n\nexport const DELETE_COMPANY_PREFERENCE_REQUEST =\n 'savvi/company/DELETE_COMPANY_PREFERENCE_REQUEST';\nexport const DELETE_COMPANY_PREFERENCE_SUCCESS =\n 'savvi/company/DELETE_COMPANY_PREFERENCE_SUCCESS';\nexport const DELETE_COMPANY_PREFERENCE_FAILED =\n 'savvi/company/DELETE_COMPANY_PREFERENCE_FAILED';\n\nexport const CREATE_COMPANY_REQUEST = 'savvi/company/CREATE_COMPANY_REQUEST';\nexport const CREATE_COMPANY_SUCCESS = 'savvi/company/CREATE_COMPANY_SUCCESS';\nexport const CREATE_COMPANY_FAILED = 'savvi/company/CREATE_COMPANY_FAILED';\n\nexport const REFRESH_COMPANY_TOKEN_REQUEST =\n 'savvi/company/REFRESH_COMPANY_TOKEN_REQUEST';\nexport const REFRESH_COMPANY_TOKEN_SUCCESS =\n 'savvi/company/REFRESH_COMPANY_TOKEN_SUCCESS';\nexport const REFRESH_COMPANY_TOKEN_FAILED = 'savvi/company/REFRESH_COMPANY_TOKEN_FAILED';\nexport const SET_COMPANY_TOKEN_REFRESHING = 'savvi/company/SET_COMPANY_TOKEN_REFRESHING';\n\nexport const SET_COMPANY_TOKEN_REQUEST = 'savvi/company/SET_COMPANY_TOKEN_REQUEST';\nexport const SET_COMPANY_TOKEN_SUCCESS = 'savvi/company/SET_COMPANY_TOKEN_SUCCESS';\nexport const SET_COMPANY_TOKEN_FAILED = 'savvi/company/SET_COMPANY_TOKEN_FAILED';\nexport const SET_ACCOUNT = 'savvi/company/SET_ACCOUNT';\n\nexport const GET_COMPANY_DATA_TABLES_REQUEST =\n 'savvi/company/GET_COMPANY_DATA_TABLES_REQUEST';\nexport const GET_COMPANY_DATA_TABLES_SUCCESS =\n 'savvi/company/GET_COMPANY_DATA_TABLES_SUCCESS';\nexport const GET_COMPANY_DATA_TABLES_FAILED =\n 'savvi/company/GET_COMPANY_DATA_TABLES_FAILED';\n\nexport const SET_COMPANIES = 'savvi/company/SET_COMPANIES';\nexport const SET_COMPANY_DATA_TABLES = 'savvi/company/SET_COMPANY_DATA_TABLES';\nexport const SET_COMPANY = 'savvi/company/SET_COMPANY';\n","import get from 'lodash-es/get';\nimport { defaultMemoize } from 'reselect';\n\nexport const BoxToken = defaultMemoize(state =>\n get(state, 'Cabinet.box.accessToken', ''),\n);\n\nexport const TempBoxToken = defaultMemoize(state =>\n get(state, 'Cabinet.tempBox.token.accessToken', ''),\n);\n\nexport const IsTempBoxTokenFetchInitialized = defaultMemoize(state =>\n get(state, 'Cabinet.tempBox.isInitialized', true),\n);\n\nexport const IsFetching = defaultMemoize(state =>\n get(state, 'Cabinet.isFetching', false),\n);\n\nexport const Errors = defaultMemoize(state => get(state, 'Cabinet.errors', {}));\n","export { default } from './SavviLoading';\n"],"sourceRoot":""} \n
\n {/* {isWhiteLabel && (\n 
\n ))}\n