\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, { useMemo, useState } from 'react';\n\nimport './RoomSettings.scss';\nimport { useDispatch, useSelector } from 'react-redux';\n// import { updateRoom, addRoomCode } from '../../redux/modules/Data/operations';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { Button, MyModal, 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 {\n archiveRoomHistory,\n archiveRoomCode,\n fetchRoomHistory,\n fetchRoomCodes,\n fetchRoomParticipants,\n updateRoom,\n addRoomCode,\n} from '../../redux/modules/Data/operations';\nimport dayjs from 'dayjs/esm';\nimport localizedFormat from 'dayjs/plugin/localizedFormat';\nimport RoomUserHistoryModal from '../../components/RoomUserHistoryModal';\nimport SortDropdown from '../../components/SortDropdown';\nimport { BrandMeta } from '../../redux/modules/UI/selectors';\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 room,\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 brandMeta = useSelector(BrandMeta);\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 const { status, type } = room?.room || {};\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 handleRoomDisconnect = async (ev, email) => {\n ev.preventDefault();\n const user = usersByEmail.find(user => user.email === email);\n const message = `Are you sure you want to fully disconnect ${user.name} from this ${\n type === 'report' ? 'Reporting' : 'Deal'\n } Room?`;\n if (window.confirm(message)) {\n try {\n let filteredUserCodes = [];\n for await (const code of user.codes) {\n const duplicateCodeIndex = filteredUserCodes.findIndex(\n c => c.code === code.code,\n );\n if (duplicateCodeIndex === -1) {\n filteredUserCodes.push(code);\n }\n }\n for await (const code of filteredUserCodes) {\n await dispatch(archiveRoomCode(code.code, user.room_id, account_id, false));\n }\n for await (const historyItem of user.history || []) {\n dispatch(archiveRoomHistory(user.room_id, historyItem.id));\n }\n await dispatch(setNotice('User Disconnected'));\n await dispatch(fetchRoomHistory(access_code, roomId));\n await dispatch(fetchRoomCodes(roomId, account_id));\n await dispatch(fetchRoomParticipants(roomId, account_id));\n\n // call get rom history\n } catch (error) {\n console.error('ERR', error);\n }\n }\n };\n\n const updateRoomStatus = status => {\n dispatch(updateRoom({ status }, roomId, account_id));\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('strict')}\n >\n {strict ? 'Invite Optional' : 'Invite Only'}\n \n \n {accessHelpLabel} \n \n
\n
Room Status \n
(\n \n {status || 'No Status'} \n updateRoomStatus('Active')}\n >\n Active\n \n updateRoomStatus('Fulfilled')}\n >\n Fulfilled\n \n updateRoomStatus('Completed')}\n >\n Completed\n \n updateRoomStatus('Closed')}\n >\n Closed\n \n updateRoomStatus('Inactive')}\n >\n Inactive\n \n updateRoomStatus('Dissolved')}\n >\n Dissolved\n \n updateRoomStatus('')}\n >\n Remove Status\n \n \n \n
\n
Total Visits \n {totalTimesVisited} \n \n
\n
\n Total Interactions\n \n {totalDocInteractions} \n \n
\n
\n {canEdit && (\n {\n navigator.clipboard\n .writeText(`${brandMeta.web_base_url}/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 handleRoomDisconnect(ev, user.email)}\n tooltip={`Disconnect User From ${\n type === 'report' ? 'Reporting' : 'Deal'\n } Room`}\n >\n \n
\n Personal Link\n \n
\n {(user.name !== 'Anonymous' && user.codes.length > 0 && 'Yes') ||\n 'No'}\n
\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 onboarding form template\n \n
{standingFormLinkLabel}
\n
\n {standingForms.length > 0 && (\n
\n
Onboarding Forms Generated \n {standingForms.length} \n \n )}\n {standingForms.length > 0 && (\n
\n
Onboarding Forms Completed \n {standingFormsCompleted} \n \n )}\n {otherForms.length > 0 && (\n
\n
Other Forms \n {otherForms.length} \n \n )}\n
\n
\n {\n navigator.clipboard\n .writeText(\n `${brandMeta.web_base_url}/api/redirect/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 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 const brandMeta = useSelector(BrandMeta);\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 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 navigator.clipboard\n .writeText(`${brandMeta.web_base_url}${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 navigator.clipboard\n .writeText(`${brandMeta.web_base_url}${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 React, { useMemo } from 'react';\n// import { useLocation } from 'react-router-dom';\n\nimport './ReportingRoom.scss';\nimport ReportingTable from '../../components/ReportingTable';\n// import { hashContains, noHash } from '../../utils/generateMultiHash';\n\nexport const RoomReports = ({\n accessCode,\n isEditing,\n account_id,\n is_admin_user,\n readOnly,\n roomId,\n report_feature_types,\n reportsRef,\n}) => {\n // const { hash } = useLocation();\n\n const filteredAndSortedCompanyDataTables = useMemo(() => {\n let updatedCompanyDataTables = report_feature_types.filter(table => {\n if (Object.values(table?.resourceListData || {}).length === 0 && !is_admin_user) {\n return false;\n }\n return true;\n // if (noHash(hash) || hashContains(hash, table.question_label)) {\n // return true;\n // }\n // return false;\n });\n return updatedCompanyDataTables;\n }, [is_admin_user, report_feature_types]);\n\n return (\n \n {/*
*/}\n {/*
*/}\n {filteredAndSortedCompanyDataTables.map((report, reportIndex) => (\n
*/}\n
\n Sign In\n ,\n ];\n if (isCodeRevoked) {\n errorLabelArr[0] = 'This room link is no longer available.';\n errorLabelArr[1] = (\n \n View your Dashboard\n \n );\n } else if (!!limitedUserEmail) {\n errorLabelArr.push('as \"');\n errorLabelArr.push({limitedUserEmail} );\n errorLabelArr.push('\".');\n\n let roomType = 'Room';\n if (type === 'deal') {\n roomType = 'Deal Room';\n } else if (type === 'report') {\n roomType = 'Reporting Room';\n }\n errorLabelArr[0] = `To view your ${roomType}, please`;\n } else {\n if (type === 'deal') {\n errorLabelArr[0] = 'This Deal Room link requires you to ';\n } else if (type === 'reporting') {\n errorLabelArr[0] = 'This Reporting Room link requires you to ';\n }\n errorLabelArr.push('to view.');\n }\n const isErrorLabelShowing = code === 'UNAUTHORIZED' || isCodeRevoked;\n return (\n \n
\n
\n
\n
{label || 'Room Overview'} \n
\n {isErrorLabelShowing && (\n
\n {errorLabelArr.map((item, ind) => {\n let updatedItem = item;\n if (typeof item === 'string') {\n updatedItem = (\n {item} \n );\n }\n return updatedItem;\n })}\n \n )}\n {code !== 'UNAUTHORIZED' && (\n {errorMessage} \n )}\n \n
\n
\n
\n
\n
\n {(isInitLoading || !isRoomFetched) &&
}\n {!isInitLoading && isRoomFetched && (\n
0 || isEditing ? ' reportingRoom__main--show-faq' : ''\n }`}\n >\n \n
\n \n {!isEditingRoomName && label}\n {isEditingRoomName && (\n {\n setRoomName(e.target.value);\n }}\n onBlur={handleRoomNameBlur}\n onKeyDown={e => {\n if (e.key === 'Escape') {\n setRoomName(label);\n setIsEditingRoomName(false);\n }\n }}\n />\n )}\n {isEditing && !isEditingRoomName && (\n {\n setRoomName(label);\n setIsEditingRoomName(true);\n }}\n tooltip=\"Edit Room Name\"\n >\n \n {is_admin_user && account_id === accountId && (\n \n \n
\n
\n pathname.includes('overview') &&\n hash !== '#reports' &&\n hash !== '#documents'\n }\n exact\n >\n Overview\n {documentsNeedingSignature.length > 0 && (\n \n
{documentsNeedingSignature.length} \n hash === '#reports'}\n onClick={scrollToReports}\n exact\n >\n Reports\n \n )}\n {isOtherDocsShowing && (\n hash === '#documents'}\n onClick={scrollToDocuments}\n exact\n >\n Documents\n \n )}\n {links.length > 0 && (\n hash === '#links'}\n onClick={scrollToLinks}\n exact\n >\n Links\n \n )}\n {/* {(isEditing || report_feature_types.length > 0) && (\n \n Ledgers\n \n )} */}\n {/* \n Documents\n */}\n {outside_forms.length > 0 && (\n \n Connected Form\n \n )}\n {is_admin_user && (\n \n Settings & Sharing\n \n )}\n \n {isEditing && (\n
\n
Admin Actions: \n setIsAddReportOpen(true)}\n >\n setIsAddDocumentOpen(true)}\n >\n setAddLinkMeta({ index: links.length, isOpen: true })}\n >\n \n )}\n
\n \n \n \n {routeProps => (\n \n \n \n
\n {/* {isInfoBarShowing && width > 1239 && (\n \n Reports */}\n {/* \n Reports\n */}\n \n
\n
\n
Links ({links.length}) \n
\n {isEditing && (\n
\n setAddLinkMeta({ index: links.length, isOpen: true })\n }\n >\n \n {links.map(({ id: linkId, label, link }, index) => (\n
{\n if (isEditing) {\n return false;\n }\n }}\n >\n \n \n {label}\n {isEditing && (\n (\n \n \n setAddLinkMeta({\n id: linkId,\n index,\n isOpen: true,\n label,\n url: link,\n })\n }\n >\n Edit Link\n \n \n dispatch(\n swapRoomLinks(\n linkId,\n links[index - 1].id,\n id,\n account_id,\n room_access_code,\n ),\n )\n }\n >\n Move up\n \n \n dispatch(\n swapRoomLinks(\n linkId,\n links[index + 1].id,\n id,\n account_id,\n room_access_code,\n ),\n )\n }\n >\n Move down\n \n \n dispatch(\n deleteRoomLink(\n linkId,\n id,\n account_id,\n room_access_code,\n ),\n ).then(p =>\n dispatch(\n createRoomHistory(\n room_access_code,\n {\n action: 'remove_room_link',\n type: 'remove',\n label: `Removed ${label} Link from Room`,\n },\n id,\n ),\n ),\n )\n }\n >\n Remove Link\n \n \n )}\n \n \n \n \n \n ))}\n
\n \n setAddFeatureMeta({ ...addFeatureMeta, isOpen: false })}\n />\n setAddResourceMeta({ ...addResourceMeta, isOpen: false })}\n />\n setIsAddReportOpen(false)}\n reportFeatureTypes={report_feature_types}\n roomId={id}\n />\n setIsAddDocumentOpen(false)}\n roomId={id}\n />\n setAddLinkMeta({})}\n roomId={id}\n />\n \n )}\n \n );\n};\n\nconst infoBem = generateBem('reportingInfoCard');\n\nconst ResourceTypeTable = ({\n accessCode,\n account_id,\n docFeatures,\n index,\n isChecklist,\n isEditing,\n readOnly,\n resourceTypeKey,\n resourceType,\n setAddFeatureMeta,\n setAddResourceMeta,\n roomId,\n}) => {\n const dispatch = useDispatch();\n const [resourceTypeInput, setResourceTypeInput] = useState(resourceTypeKey);\n const [isEditingResourceType, setIsEditingResourceType] = useState(false);\n const isCompany =\n resourceType.resource_type_id === 2 &&\n resourceType.resource_label !== 'Fund Performance';\n // const [isOpen, setIsOpen] = useState(false);\n\n const handleEditResourceType = () => {\n if (!resourceTypeInput) {\n dispatch(setNotice({ type: 'error', message: 'Cannot update to empty string.' }));\n setIsEditingResourceType(false);\n setResourceTypeInput(resourceTypeKey);\n } else if (resourceTypeInput === resourceTypeKey) {\n setIsEditingResourceType(false);\n } else {\n dispatch(\n updateRoomFeatures(\n resourceType.resources,\n {\n resource_custom_label: resourceTypeInput,\n },\n roomId,\n account_id,\n ),\n ).then(\n e => {\n dispatch(setNotice('Name Updated'));\n dispatch(\n createRoomHistory(\n accessCode,\n {\n action: 'update_table_name',\n type: 'update',\n label: `Updated Table Name to ${resourceTypeInput}`,\n },\n roomId,\n ),\n );\n dispatch(fetchRoomById(roomId, account_id, accessCode));\n setIsEditingResourceType(false);\n },\n error => setIsEditingResourceType(false),\n );\n }\n };\n return (\n \n
\n
\n
\n {!isEditingResourceType && `${resourceTypeKey}`}\n {isEditingResourceType && (\n setResourceTypeInput(e.target.value)}\n name=\"room-resource-type-input\"\n onBlur={handleEditResourceType}\n />\n )}\n \n {isEditing && (\n <>\n
setIsEditingResourceType(true)}\n tooltip=\"Edit Label\"\n >\n \n setAddResourceMeta({\n isOpen: true,\n resource_type_id: resourceType.resource_type_id,\n rootBody: {\n resource_variable_name: resourceType.resource_variable_name,\n resource_custom_label: resourceTypeKey,\n },\n })\n }\n tooltip=\"Add Record\"\n >\n {\n dispatch(\n deleteRoomFeatures(resourceType.resources, roomId, account_id),\n ).then(e => {\n dispatch(setNotice('Table Removed'));\n dispatch(\n createRoomHistory(\n accessCode,\n {\n action: 'remove_table',\n type: 'remove',\n label: `Removed ${resourceTypeKey} Table From Overview`,\n },\n roomId,\n ),\n );\n });\n dispatch(fetchRoomById(roomId, account_id, accessCode));\n }}\n >\n
\n \n
\n {Object.entries(resourceType.resources).map(\n ([resourceKey, resource], resourceIndex) => (\n
\n
\n
\n \n {isEditing && (\n
\n {resourceType.resource_custom_label} Resource #{resourceIndex + 1}\n \n setAddFeatureMeta({\n features,\n isOpen: true,\n rootBody: {\n resource_id: resource_id,\n resource_variable_name: resource_variable_name,\n resource_custom_label: resource_custom_label,\n resource,\n },\n })\n }\n tooltip=\"Add Info\"\n >\n {\n dispatch(deleteRoomFeatures(features, roomId, account_id)).then(e => {\n dispatch(setNotice('Record Removed'));\n dispatch(\n createRoomHistory(\n accessCode,\n {\n type: 'remove',\n action: 'remove_record',\n label: `Removed ${resource} from Overview`,\n },\n roomId,\n ),\n );\n dispatch(fetchRoomById(roomId, account_id));\n });\n }}\n >\n \n )}\n \n {resourceType.resource_custom_label} Name\n \n {resource} \n \n {/* */}\n {filteredFeatures.map((feature, featureIndex) => {\n let value = feature.value || '--';\n if (!Array.isArray(value)) {\n let newVal = [];\n let splitValue = value.split('\\n');\n splitValue.forEach(e => {\n if (e.trim()) {\n newVal.push(e);\n }\n });\n value = newVal.join('\\n') || '--';\n }\n let isCheckmark =\n isChecklist &&\n feature.feature_type.feature_type === 'radio' &&\n (feature.value.includes('Yes') || feature.value.includes('No'));\n\n const isLongValue = !Array.isArray(value) && value.length > 200;\n const isAddress = feature.feature.includes('address');\n const isEmail = feature.feature === 'email';\n\n return (\n
\n {isCheckmark && (\n \n
{feature.feature_type.question_label} \n \n )}\n {!isCheckmark && (\n \n {feature.feature_type.question_label}\n {isEditing && (\n \n dispatch(\n deleteRoomFeature(\n feature.room_feature_id,\n roomId,\n account_id,\n accessCode,\n ),\n ).then(p =>\n dispatch(\n createRoomHistory(\n accessCode,\n {\n action: 'remove_field',\n type: 'remove',\n label: `Removed ${feature.feature_type.question_label} from ${resource} in Overview`,\n },\n roomId,\n ),\n ),\n )\n }\n tooltip=\"Remove Field\"\n size=\"xs\"\n >\n \n )}\n {!isCheckmark && (\n \n {Array.isArray(value) &&\n value.map((link, linkIndex) => (\n \n Link #{linkIndex + 1}:{' '}\n \n {link.label}\n \n
\n ))}\n {!Array.isArray(value) && value}\n \n )}\n \n {filteredDocFeatures.map((doc, index) => (\n
\n )}\n \n );\n};\n\nconst FeatureOption = props => (\n \n Document \n )}\n {props.data.isDisabled && (\n \n Add Resource to {resource_custom_label} \n setSelectedResource(e)}\n label=\"Select a resource\"\n name=\"select-resource-list\"\n value={updatedResourceValue}\n />\n setSelectedFeatures(e)}\n value={selectedFeatures}\n />\n \n \n Close\n \n \n Add Field{selectedFeatures.length > 1 ? 's' : ''}\n \n
\n \n );\n};\n\nconst AddFeatureModal = ({\n accessCode,\n account_id,\n roomId,\n features,\n isOpen,\n onClose,\n rootBody = {},\n}) => {\n const dispatch = useDispatch();\n\n const { resource, resource_id } = rootBody;\n\n const resourceFeatures = useSelector(state =>\n getRoomFeaturesAsOptions(state, resource_id, features),\n );\n const existingFeatures = resourceFeatures\n .filter(f => f.isExisting)\n .map(f => startCase(f.label));\n\n const [selectedFeatures, setSelectedFeatures] = useState([]);\n const [isInit, setIsInit] = useState(true);\n\n useEffect(() => {\n if (isOpen && isInit) {\n dispatch(\n fetchFeaturesForRoom(resource_id, `?resource_id=${resource_id}`, account_id),\n );\n setIsInit(false);\n }\n }, [dispatch, account_id, isOpen, isInit, resource_id]);\n\n const handleClose = () => {\n setSelectedFeatures([]);\n onClose();\n setIsInit(true);\n };\n\n const handleAddFeatures = () => {\n handleClose();\n let updatedBody = { ...rootBody };\n delete updatedBody.resource;\n dispatch(createRoomFeatures(selectedFeatures, updatedBody, roomId, account_id)).then(\n e => {\n const joinedSelectedFeatures = selectedFeatures\n .map(feature => feature.label)\n .join(', ');\n const sublabel = 'Fields added: ' + joinedSelectedFeatures;\n dispatch(setNotice('Fields Added'));\n dispatch(\n createRoomHistory(\n accessCode,\n {\n action: 'add_fields',\n type: 'add',\n label: `Added Fields for ${resource} to Overview`,\n sublabel,\n },\n roomId,\n ),\n );\n dispatch(fetchRoomById(roomId, account_id, accessCode));\n },\n );\n };\n\n return (\n \n Add Fields to {resource} \n setSelectedFeatures(e)}\n value={selectedFeatures}\n />\n {existingFeatures.length > 0 && (\n \n Existing Fields: {}\n {existingFeatures.join(', ')}\n {/* {existingFeatures.map(feature => (\n \n {startCase(feature.feature)}\n \n ))} */}\n \n )}\n \n \n Close\n \n \n Add Field{selectedFeatures.length > 1 ? 's' : ''}\n \n
\n \n );\n};\n\nconst Option = props => (\n \n {props.data.stateText} \n \n);\n\nconst AddDocumentModal = ({ accessCode, account_id, isOpen, onClose, roomId }) => {\n const dispatch = useDispatch();\n\n const documents = useSelector(getAllDocumentsForSelect);\n const boxToken = useSelector(BoxToken);\n\n const uploaderRef = useRef(null);\n\n const [initialized, setInitialized] = useState(false);\n const [isUploading, setIsUploading] = useState(false);\n const [selectedDoc, setSelectedDoc] = useState('');\n const [folderId, setFolderId] = useState('');\n const [error, setError] = useState(false);\n\n const {\n box_file_id,\n id,\n label = '',\n filename = '',\n stateText = '',\n } = selectedDoc || {};\n\n useEffect(() => {\n if (isOpen && !initialized) {\n dispatch(getAllDocuments(account_id));\n dispatch(\n getBoxTokenFolderId('/Miscellaneous/Data Room', false, accessCode, account_id),\n )\n .then(payload => setFolderId(payload.upload_folder_id))\n .catch(error => {\n console.error(error);\n setFolderId('0');\n });\n setInitialized(true);\n }\n }, [accessCode, dispatch, account_id, isOpen, initialized]);\n\n const handleClose = () => {\n setSelectedDoc('');\n onClose();\n };\n\n return (\n \n Add Document from File Cabinet \n {\n setSelectedDoc(e);\n setIsUploading(false);\n setError(false);\n }}\n value={selectedDoc}\n />\n {isUploading && folderId && (\n {\n setTimeout(() =>\n uploaderRef.current.lastElementChild.lastElementChild.lastElementChild.click(),\n );\n }}\n onUpload={e =>\n dispatch(\n uploadBoxFile(\n e.id,\n { path: '/Miscellaneous/Data Room' },\n false,\n account_id,\n ),\n ).then(payload => {\n setSelectedDoc({\n ...payload.document_history,\n label: payload.document_history.filename,\n value: payload.document_history.box_file_id,\n stateText: 'Uploaded',\n });\n dispatch(getAllDocuments(account_id));\n dispatch(setNotice('File uploaded.'));\n setIsUploading(false);\n })\n }\n token={boxToken}\n measureRef={uploaderRef}\n />\n )}\n setIsUploading(!isUploading)} size=\"sm\">\n {isUploading ? 'Cancel file upload' : 'Upload File'}\n \n {!isEmpty(selectedDoc) && !isUploading && (\n <>\n Selected Document \n {label || filename}
\n Status \n {stateText || 'Uploaded'}
\n {error && (\n \n
\n )}\n {box_file_id && !error && (\n \n {\n if (e.type === 'error' || e instanceof Error) {\n setError(e.message || 'Unable to preview file at this time.');\n }\n return e;\n }}\n />\n
\n )}\n \n )}\n \n \n Close\n \n {\n if (!isEmpty(selectedDoc)) {\n dispatch(\n createRoomDocument(\n { document_history_id: id },\n roomId,\n account_id,\n accessCode,\n ),\n ).then(p => {\n dispatch(\n createRoomHistory(\n accessCode,\n {\n action: 'add_document',\n type: 'add',\n label: `Added ${label || filename} to Room`,\n sublabel: !!label ? filename : '',\n },\n roomId,\n ),\n );\n handleClose();\n });\n }\n }}\n >\n Add Document\n \n
\n \n );\n};\n\nconst AddReportModal = ({\n accessCode,\n account_id,\n isOpen,\n onClose,\n reportFeatureTypes,\n roomId,\n}) => {\n const dispatch = useDispatch();\n\n const companyDataTables = useSelector(getCompanyDataTables);\n\n const filteredTables = companyDataTables.filter(\n table => reportFeatureTypes.findIndex(report => report.id === table.id) === -1,\n );\n\n const connectedReports = reportFeatureTypes\n .map(report => report.question_label)\n .join(', ');\n\n const [initialized, setInitialized] = useState(false);\n const [selectedReport, setSelectedReport] = useState(null);\n const [error, setError] = useState(false);\n const [isUserReport, setIsUserReportChecked] = useState(true);\n\n let isUserReportOptionShowing = false;\n // let isSelectedReportEmpty = false;\n\n if (\n !!selectedReport &&\n (selectedReport.resource_type_id !== 2 ||\n (selectedReport.resource_type_id === 2 &&\n selectedReport.resource_label === 'Fund Performance'))\n ) {\n // isSelectedReportEmpty = Object.values(selectedReport?.resourceListData || {});\n Object.values(selectedReport?.json?.feature_types || {}).forEach(feature => {\n if (feature.feature_type.name === 'email') {\n isUserReportOptionShowing = true;\n }\n });\n }\n\n useEffect(() => {\n if (isOpen && !initialized) {\n dispatch(fetchCompanyDataTables(account_id));\n setInitialized(true);\n }\n }, [dispatch, account_id, isOpen, initialized]);\n\n const handleClose = () => {\n setSelectedReport(null);\n setIsUserReportChecked(true);\n onClose();\n };\n\n return (\n \n Add Report to Data Room \n \n \n {' '}\n {connectedReports || 'None Connected'}\n \n {\n setIsUserReportChecked(true);\n setSelectedReport(e);\n setError(false);\n }}\n value={selectedReport}\n />\n {!isEmpty(selectedReport) && (\n <>\n Selected Report Preview \n \n
\n {error && (\n \n
\n )}\n {isUserReportOptionShowing && (\n setIsUserReportChecked(!isUserReport)}\n value={isUserReport}\n label={`Only Show ${selectedReport.label} Report data rows specific to the logged in User viewing this Room.`}\n />\n )}\n \n )}\n \n \n \n \n Close\n \n {\n if (!isEmpty(selectedReport)) {\n dispatch(\n addRoomReport(\n {\n feature_type_id: selectedReport.id,\n user_only: isUserReportOptionShowing ? isUserReport : false,\n },\n roomId,\n account_id,\n accessCode,\n ),\n ).then(p => {\n dispatch(\n createRoomHistory(\n accessCode,\n {\n action: 'add_report',\n type: 'add',\n label: `Added ${selectedReport.question_label} Report to Reports View.`,\n },\n roomId,\n ),\n );\n handleClose();\n });\n }\n }}\n >\n Add Report\n \n
\n \n );\n};\n\nexport default ReportingRoom;\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 { Button, NoticeToast, RedirectBanner } from '../components/common';\nimport Footer from '../components/Footer';\nimport Loading from '../components/LoadingComponent';\nimport { getDocuments, getUserDocuments } 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';\nimport ReportingRoom from '../views/ReportingRoom/ReportingRoom';\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 // history: { push, replace },\n location,\n validateSession,\n fetchBrandMeta,\n setNotice,\n } = this.props;\n const { pathname, search = '', hash, state } = location;\n if (pathname.includes('workbench') && !pathname.includes('/c/')) {\n console.info(`replacing incorrect url, '${pathname}' with '/c/0/${pathname}'`);\n replace(handlePath(location, '0'));\n }\n\n // const { isInitialLoad } = state || {};\n\n const query = new URLSearchParams(search);\n const redirectFrom = query.get('redirectFrom');\n const passedIdToken = query.get('id_token');\n const storedCompanyId = getStoredCompanyId();\n const redirectLoc = localStorage.getItem('redirectLoc');\n const redirectHash = localStorage.getItem('redirectHash');\n let isPathChanged = false;\n\n fetchBrandMeta();\n if (redirectFrom) {\n localStorage.setItem('redirectFrom', redirectFrom);\n }\n\n if (!pathname || pathname === '/' || pathname === '/home') {\n if (storedCompanyId && storedCompanyId !== '0') {\n isPathChanged = true;\n replace(handlePath('/home', storedCompanyId));\n } else if (redirectLoc) {\n localStorage.removeItem('redirectLoc');\n localStorage.removeItem('redirectHash');\n if (redirectLoc.includes('data-room')) {\n isPathChanged = true;\n replace(redirectLoc + (redirectHash || ''));\n } else {\n isPathChanged = true;\n replace({\n pathname: '/login',\n search: redirectLoc + (redirectHash || ''),\n });\n }\n } else {\n isPathChanged = true;\n replace({ pathname: '/login', search, hash });\n }\n } else if (pathname.includes('/c/') && pathname.split('/')[2] === 'undefined') {\n isPathChanged = true;\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 !joinedUnauthedRoutes.includes(pathname.split('/')[1]) &&\n [\n '/c/',\n '/outside-form',\n '/invites',\n '/data-room',\n '/verify',\n '/terms',\n '/privacy',\n '/',\n ].findIndex(str => pathname.includes(str)) === -1\n ) {\n if (!storedCompanyId || storedCompanyId !== '0') {\n isPathChanged = true;\n replace({\n pathname: '/c/0/company-select',\n search: `?redirect=/c/0${pathname}${search}`,\n hash,\n });\n } else {\n isPathChanged = true;\n replace({\n pathname: '/login',\n search: `?redirect=/c/0${pathname}${search}`,\n hash,\n });\n }\n }\n validateSession(passedIdToken).then(\n p => {\n if (\n p.isCompaniesEmpty &&\n !isPathChanged &&\n [\n '/teams',\n '/dashboard',\n '/data-room',\n '/lp-portal',\n '/reporting-room',\n '/verify',\n '/user-settings',\n ].findIndex(e => pathname.includes(e)) === -1\n ) {\n if (p.isLPPortalShowing) {\n setNotice('No Workspaces found, redirecting to LP Portal.');\n replace({ pathname: '/c/0/lp-portal', search, hash, state });\n } else if (!p.isDashboardEmpty) {\n setNotice('No Workspaces found, redirecting to User Dashboard.');\n replace({ pathname: '/c/0/dashboard/personal', search, hash, state });\n }\n // } else if (isInitialLoad && !localStorage.getItem('hasNewCompanyModalShown')) {\n // localStorage.setItem('hasNewCompanyModalShown', true);\n // push({\n // pathname: '/new-company',\n // hash,\n // search,\n // state: { ...state, background: location },\n // });\n // }\n }\n },\n err => {},\n );\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 { accountInfo, getAccountRooms, idToken, isAccountAuthenticated, location } =\n this.props;\n const { pathname } = location;\n if (!pathname.includes('/login') && sessionStorage.getItem('ghl_attempts')) {\n sessionStorage.removeItem('ghl_attempts');\n }\n if (pathname === '/c/0/company-select') {\n // redirect for google\n }\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 getUserDocuments,\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 } else if (pathname.includes('dashboard') || pathname.includes('lp-portal')) {\n this.setTimeout(() => getUserDocuments(), 2000);\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.',\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', '/user-settings'].findIndex(e =>\n pathname.includes(e),\n ) !== -1;\n\n const background = location.state && location.state.background;\n\n return (\n \n {/*
*/}\n {/*
*/}\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 PaperOS 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// const RootInner = () => {\n// const selectedStripeDomainSlug = useSelector(StripeDomainSlug);\n\n// const stripePromise = useMemo(() => {\n// return loadStripe(partnerStripeDict[selectedStripeDomainSlug][1]);\n// }, [selectedStripeDomainSlug]);\n\n// return (\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 = ({\n children,\n className,\n isDefaultPrevented,\n left,\n upward,\n Toggle,\n size,\n}) => {\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 if (isDefaultPrevented) {\n e.preventDefault();\n }\n setIsShowing(!isShowing);\n }}\n />\n {isShowing && (\n {\n if (isDefaultPrevented) {\n e.preventDefault();\n }\n setIsShowing(false);\n }}\n >\n {children}\n \n \n ),\n};\n\nexport default Dropdown;\n","import { useEffect, useState } from 'react';\n\nexport default () => {\n // Initialize state with undefined width/height so server and client renders match\n // Learn more here: https://joshwcomeau.com/react/the-perils-of-rehydration/\n const [windowSize, setWindowSize] = useState({\n width: window.innerWidth,\n height: window.innerHeight,\n });\n\n useEffect(() => {\n // Handler to call on window resize\n function handleResize() {\n // Set window width/height to state\n setWindowSize({\n width: window.innerWidth,\n height: window.innerHeight,\n });\n }\n\n // Add event listener\n window.addEventListener('resize', handleResize);\n\n // Call handler right away so state gets updated with initial window size\n handleResize();\n\n // Remove event listener on cleanup\n return () => window.removeEventListener('resize', handleResize);\n }, []); // Empty array ensures that effect is only run on mount\n\n return windowSize;\n};\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';\n\nexport const getTodos = isTeam => {\n const REQUEST = Types[`GET_${isTeam ? 'ACCOUNT' : 'USER'}_TODOS_REQUEST`];\n const SUCCESS = Types[`GET_${isTeam ? 'ACCOUNT' : 'USER'}_TODOS_SUCCESS`];\n const FAILED = Types[`GET_${isTeam ? 'ACCOUNT' : 'USER'}_TODOS_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/${isTeam ? 'user' : 'account'}/recommendation`,\n method: 'GET',\n headers: requestHeaders(true, isTeam ? 'user' : ''),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n return await dispatch(\n actions[isTeam ? 'setTeamTodos' : 'setAccountTodos'](actionResponse.payload),\n );\n // await dispatch(actions.setQuestionnaire(actionResponse.payload));\n }\n throw await get(actionResponse, 'payload.message', 'An error has occurred.');\n };\n};\n\nexport const updateTodo = (todoId, body, isTeam, accountId, isFetchingTodosAfter) => {\n const REQUEST = Types[`UPDATE_${isTeam ? 'USER' : 'ACCOUNT'}_TODO_REQUEST`];\n const SUCCESS = Types[`UPDATE_${isTeam ? 'USER' : 'ACCOUNT'}_TODO_SUCCESS`];\n const FAILED = Types[`UPDATE_${isTeam ? 'USER' : 'ACCOUNT'}_TODO_FAILED`];\n const url = `/api/${\n isTeam ? `user/dashboard/_account/${accountId}` : 'account'\n }/recommendation/${todoId}`;\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: url,\n method: 'PATCH',\n headers: requestHeaders(true, isTeam ? 'user' : ''),\n types: [REQUEST, SUCCESS, FAILED],\n body: () => JSON.stringify(body),\n },\n });\n if (!actionResponse.error) {\n await dispatch(setNotice('Assignee Updated.'));\n if (isFetchingTodosAfter) {\n return await dispatch(getTodos(isTeam));\n }\n // return await dispatch(actions.setProjects(actionResponse.payload));\n }\n await dispatch(\n setNotice({\n type: 'error',\n message: get(actionResponse, 'payload.message', 'An error has occurred.'),\n }),\n );\n throw await get(actionResponse, 'payload.message', 'An error has occurred.');\n };\n};\n\nexport const assignTaskTodo = (accountTransactionId, body, isTeam, accountId) => {\n const REQUEST = Types[`ASSIGN_${isTeam ? 'USER' : 'ACCOUNT'}_TASK_TODO_REQUEST`];\n const SUCCESS = Types[`ASSIGN_${isTeam ? 'USER' : 'ACCOUNT'}_TASK_TODO_SUCCESS`];\n const FAILED = Types[`ASSIGN_${isTeam ? 'USER' : 'ACCOUNT'}_TASK_TODO_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/${\n isTeam ? `user/dashboard/_account/${accountId}` : 'account'\n }/transaction/${accountTransactionId}/assign`,\n method: 'POST',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n body: () => JSON.stringify(body),\n },\n });\n if (!actionResponse.error) {\n await dispatch(setNotice('Task To-do assigned!'));\n return await dispatch(getTodos(isTeam));\n }\n await dispatch(\n setNotice({\n type: 'warning',\n message: get(actionResponse, 'payload.message', 'An error has occurred.'),\n }),\n );\n throw await get(actionResponse, 'payload.message', 'An error has occurred.');\n };\n};\n\nexport const deleteTodo = (id, isTeam, accountId, isFetchingTodosAfter) => {\n const REQUEST = Types[`DELETE_${isTeam ? 'USER' : 'ACCOUNT'}_TODO_REQUEST`];\n const SUCCESS = Types[`DELETE_${isTeam ? 'USER' : 'ACCOUNT'}_TODO_SUCCESS`];\n const FAILED = Types[`DELETE_${isTeam ? 'USER' : 'ACCOUNT'}_TODO_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/${\n isTeam ? `user/dashboard/_account/${accountId}` : 'account'\n }/recommendation/${id}`,\n method: 'DELETE',\n headers: requestHeaders(true, isTeam ? 'user' : ''),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n await dispatch(setNotice('To-do deleted'));\n if (isFetchingTodosAfter) {\n return await dispatch(getTodos(isTeam));\n }\n }\n throw await get(actionResponse, 'payload.message', 'An error has occurred.');\n };\n};\n\nexport const getAssigneeOptions = (accountId, projectTemplateId, isTeam) => {\n const REQUEST = Types[`GET_${isTeam ? 'USER' : 'ACCOUNT'}_ASSIGNEE_OPTIONS_REQUEST`];\n const SUCCESS = Types[`GET_${isTeam ? 'USER' : 'ACCOUNT'}_ASSIGNEE_OPTIONS_SUCCESS`];\n const FAILED = Types[`GET_${isTeam ? 'USER' : 'ACCOUNT'}_ASSIGNEE_OPTIONS_FAILED`];\n let endpoint = `/api/${\n isTeam ? `user/dashboard/_account/${accountId}` : 'account'\n }/recommendation/project_template/${projectTemplateId}`;\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint,\n method: 'GET',\n headers: requestHeaders(true, isTeam ? 'user' : ''),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error && !isEmpty(actionResponse.payload)) {\n await dispatch(\n actions.setAssigneeOptions(actionResponse.payload, accountId, projectTemplateId),\n );\n return await actionResponse.payload;\n }\n throw await get(actionResponse, 'payload.message', 'An error has occurred.');\n };\n};\n","import { decodeToken, getStoredToken } from '../modules/User/utils';\n\nexport const requestHeaders = (auth = false, passedToken = '', shouldCheckExp) => {\n const token = getStoredToken(passedToken === 'user' ? '0' : passedToken);\n\n let Authorization = `Bearer ${token}`;\n let hasAuth = !!auth && !!token;\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\n if (shouldCheckExp && hasAuth) {\n const decodedToken = decodeToken(token);\n const secondsSinceEpoch = Math.ceil(Date.now() / 1000);\n hasAuth = decodedToken.exp > secondsSinceEpoch; // Check if exp is fresh\n }\n const headers = {\n Accept: 'application/json',\n 'Content-Type': 'application/json',\n 'Access-Control-Request-Headers': '*',\n 'Access-Control-Allow-Methods': 'GET',\n 'Access-Control-Allow-Origin': brandMeta.web_base_url,\n };\n\n return hasAuth ? { ...headers, Authorization } : headers;\n};\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';\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, userEmail) => {\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 if (userEmail) {\n doc.userEmail = userEmail;\n }\n filteredDocuments.push(doc);\n }\n });\n return filteredDocuments;\n});\n\nexport const UserActionableDocuments = createSelector(UserDocuments, documents =>\n documents.filter(doc => {\n const userRecipient = (doc?.recipients || []).find(r => r.email === doc.userEmail);\n return !doc.box_file_id && !userRecipient?.signed;\n }),\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","import {\n CLEAR_ERRORS,\n MERGE_SUBSCRIPTION,\n MERGE_SUBSCRIPTIONV2,\n REMOVE_METHOD,\n SET_ERROR,\n SET_INVOICE,\n SET_INVOICEV3,\n SET_SUBSCRIPTION_PREVIEW,\n SET_METHODS_BY_PARTNER,\n SET_MERCURY_BANKS,\n SET_STRIPE_DOMAIN_SLUG,\n CLEAR_STRIPE_DOMAIN_SLUG,\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 setInvoiceV3(payload) {\n return {\n type: SET_INVOICEV3,\n payload,\n };\n}\n\nexport function mergeSubscription(payload) {\n return {\n type: MERGE_SUBSCRIPTION,\n payload,\n };\n}\nexport function mergeSubscriptionV2(payload) {\n return {\n type: MERGE_SUBSCRIPTIONV2,\n payload,\n };\n}\n\nexport function setSubscriptionPreview(payload) {\n return {\n type: SET_SUBSCRIPTION_PREVIEW,\n payload,\n };\n}\n\nexport function setMethodsByPartner(payload, partnerSlug) {\n return {\n type: SET_METHODS_BY_PARTNER,\n payload,\n partnerSlug,\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\nexport const setStripeDomainSlug = selectedSlug => {\n sessionStorage.setItem('stripeDomainSlug', selectedSlug);\n\n return {\n type: SET_STRIPE_DOMAIN_SLUG,\n selectedSlug,\n };\n};\n\nexport const clearStripeDomainSlug = () => ({ type: CLEAR_STRIPE_DOMAIN_SLUG });\n\nexport function setAccountMercuryBanks(payload) {\n return {\n type: SET_MERCURY_BANKS,\n payload,\n };\n}\n","export default __webpack_public_path__ + \"static/media/pdf_thumbnail.b42a1232.png\";","import React, { useEffect, useMemo, useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { BoxToken } from '../../redux/modules/Cabinet/selectors';\n\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport classNames from 'classnames';\n\nimport { Button, MyModal, Tooltip } from '../common';\n\nimport './FilePreviewer.scss';\nimport {\n fetchTemporaryUserReportsToken,\n getBoxFileForDataRoom,\n getUserDocumentBoxToken,\n} from '../../redux/modules/Cabinet/operations';\nimport pdfThumbnail from '../../assets/images/pdf_thumbnail.png';\nimport { ReactComponent as DocPreviewSVG } from '../../assets/images/doc_preview.svg';\nimport ContentPreview from 'box-ui-elements/es/elements/content-preview';\nimport { requestHeaders } from '../../redux/utils/api';\nimport { generateBem } from '../../utils/generateBem';\nimport { Document, Page } from 'react-pdf';\nimport { createRoomHistory } from '../../redux/modules/Data/operations';\nimport { BrandMeta } from '../../redux/modules/UI/selectors';\n\nconst bem = generateBem('FilePreviewer');\n\nexport const FilePreviewer = ({\n accessCode,\n boxToken,\n boxFileId,\n customClass,\n customLabel,\n documentId,\n exchangeToken,\n fileLabel,\n height = 80,\n isDataRoom,\n isLinkOnHover,\n labelActionType = 'link',\n labelPosition = 'below',\n labelText,\n isThumbnailShowing,\n isPlaceholderShowing,\n isUserTable,\n readOnly,\n reportsFeatureTypeId,\n resourceId,\n roomId,\n width = 80,\n isDocumentTemplate,\n previewLink,\n}) => {\n const dispatch = useDispatch();\n const companyBoxToken = useSelector(BoxToken);\n const [error, setError] = useState(false);\n const [isOpen, setIsOpen] = useState(false);\n const [boxAccessToken, setBoxAccessToken] = useState(null);\n const [isTokenFetched, setIsTokenFetched] = useState(false);\n\n useEffect(() => {\n const passCheck = isOpen || (isThumbnailShowing && !isPlaceholderShowing);\n if (!isTokenFetched && passCheck) {\n setIsTokenFetched(true);\n if (isDataRoom && resourceId) {\n dispatch(\n getBoxFileForDataRoom(\n boxFileId,\n accessCode,\n `?reports_feature_type_id=${reportsFeatureTypeId}&resource_id=${resourceId}`,\n ),\n ).then(\n payload => setBoxAccessToken(payload.token.accessToken),\n error => setError(error.message),\n );\n } else if (isUserTable && exchangeToken) {\n dispatch(fetchTemporaryUserReportsToken(boxFileId, exchangeToken)).then(\n token => setBoxAccessToken(token),\n err => setError(err.message),\n );\n } else if (isUserTable && documentId) {\n dispatch(getUserDocumentBoxToken(documentId)).then(\n token => setBoxAccessToken(token.accessToken),\n error => setError(error.message),\n );\n }\n }\n }, [\n dispatch,\n accessCode,\n boxToken,\n boxFileId,\n documentId,\n exchangeToken,\n isDataRoom,\n isOpen,\n isThumbnailShowing,\n isPlaceholderShowing,\n isUserTable,\n isTokenFetched,\n reportsFeatureTypeId,\n resourceId,\n ]);\n\n const handleModalClose = e => {\n e.preventDefault();\n setIsOpen(false);\n };\n const handleBoxResponseInterceptor = e => {\n if (e.type === 'error' || e instanceof Error) {\n setError(\n 'Unable to preview file, if you still cannot see after page refresh and need to view, please contact support.',\n );\n } else if (!!accessCode && isOpen && e.data?.type === 'file') {\n let action = 'view_document';\n let type = 'view';\n let label = 'Viewed ';\n let sublabel = !!customLabel ? fileLabel : '';\n if (!!e.data.download_url) {\n action = 'download_document';\n type = 'download';\n label = 'Downloaded ';\n }\n label += customLabel || fileLabel;\n dispatch(\n createRoomHistory(\n accessCode,\n {\n box_file_id: boxFileId,\n action,\n type,\n label,\n sublabel,\n },\n roomId,\n ),\n );\n }\n return e;\n };\n\n const LabelAction = () =>\n isLinkOnHover && !error ? (\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 readOnly,\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 * as Types from './types';\n\nexport const setLink = link => ({ type: Types['SET_LINK'], link });\n\nexport const setFeaturesForRoom = (payload, key) => ({\n type: Types['SET_FEATURES_FOR_ROOM'],\n payload,\n key,\n});\n\nexport const setRoom = (payload, accessCode) => ({\n type: Types['SET_ROOM'],\n payload,\n accessCode,\n});\n\nexport const setUserRooms = payload => ({\n type: Types['SET_USER_ROOMS'],\n payload,\n});\n\nexport const setRoomCodes = (payload, roomId) => ({\n type: Types['SET_ROOM_CODES'],\n payload,\n roomId,\n});\nexport const setRoomDocuments = (payload, roomId) => ({\n type: Types['SET_ROOM_DOCUMENTS'],\n payload,\n roomId,\n});\nexport const setRoomLinks = (payload, roomId) => ({\n type: Types['SET_ROOM_LINKS'],\n payload,\n roomId,\n});\n\nexport const setRoomAccessLog = (payload, roomId) => ({\n type: Types['SET_ROOM_ACCESS_LOG'],\n payload,\n roomId,\n});\n\nexport const setRoomHistory = (payload, roomId) => ({\n type: Types['SET_ROOM_HISTORY'],\n payload,\n roomId,\n});\n\nexport const setRoomParticipants = (payload, roomId) => ({\n type: Types['SET_ROOM_PARTICIPANTS'],\n payload,\n roomId,\n});\n\nexport const setRoomToken = (payload, accessCode) => ({\n type: Types['SET_ROOM_TOKEN'],\n payload,\n accessCode,\n});\n","import { get, isPlainObject } from 'lodash-es';\nimport { RSAA } from 'redux-api-middleware';\n\nimport { requestHeaders } from '../../utils/api';\nimport { setTransactionQuestionnaire } from '../Transaction/actions';\n// import { setTransactionQuestionnaire } from '../Transaction/actions';\nimport { setNotice } from '../UI/actions';\nimport {\n setFeaturesForRoom,\n setLink,\n setRoom,\n setRoomAccessLog,\n setRoomCodes,\n setRoomDocuments,\n setRoomHistory,\n setRoomLinks,\n setRoomParticipants,\n setRoomToken,\n setUserRooms,\n} from './actions';\nimport * as Types from './types';\n\n// import { addProductToCart, setCart, emptyCart } from './actions';\n\nexport const fetchUserRooms = isLPPortal => {\n const REQUEST = Types[`FETCH_USER_ROOMS_REQUEST`];\n const SUCCESS = Types[`FETCH_USER_ROOMS_SUCCESS`];\n const FAILED = Types[`FETCH_USER_ROOMS_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: '/api/user/rooms',\n method: 'GET',\n headers: requestHeaders(true, 'user'),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!!actionResponse.error) {\n dispatch(\n setNotice({\n type: 'error',\n message:\n actionResponse.payload?.message ||\n 'An error has occurred. If error persists after refresh, please contact PaperOS Support.',\n }),\n );\n throw await new Error(actionResponse.payload?.message);\n }\n await dispatch(setUserRooms(actionResponse.payload));\n if (isLPPortal) {\n let lpRooms = [];\n let populatedLPRooms = [];\n let roomDocs = [];\n let ledgerReports = [];\n let ledgerDocs = [];\n actionResponse.payload.forEach(room => {\n if (room.type === 'report' || room.type === 'deal') {\n lpRooms.push(room);\n }\n });\n await Promise.allSettled(\n lpRooms.map(room =>\n dispatch(\n fetchRoomByAccessCode((room?.codes || [])[0] || room.data_access_code),\n ).then(\n p => p,\n // p => ({\n // ...p,\n // passedCode: (room?.codes || [])[0] || room.data_access_code,\n // passedRoom: room,\n // }),\n err => {\n const error = new Error(err);\n console.error(err);\n throw error;\n },\n ),\n ),\n ).then(results => {\n for (const { status, value } of results) {\n if (status === 'rejected') {\n return;\n }\n const room = lpRooms.find(\n r => r.data_access_code === value.room.data_access_code,\n );\n\n const {\n room: {\n account,\n account_id,\n codes = [],\n data_access_code,\n documents = [],\n report_feature_types = [],\n } = {},\n } = value;\n const accessCode = codes[0] || data_access_code;\n\n populatedLPRooms.push({\n ...value.room,\n partner: room.partner,\n codes: room.codes,\n });\n if (documents) {\n for (const doc of documents) {\n roomDocs.push({\n ...doc,\n room_access_code: data_access_code,\n companyName: account?.name,\n });\n }\n }\n if (report_feature_types.length > 0) {\n report_feature_types.forEach(report => {\n let updatedResourceListData = {};\n Object.entries(report.resourceListData).forEach(([key, val]) => {\n // const updatedVal = val.map(v => ({ ...v, account: report.account }));\n let updatedVals = [];\n val.forEach(v => {\n if (v.feature_type === 'document' && !!v.value) {\n const roomDocIndex = roomDocs.findIndex(\n roomDoc => roomDoc.box_file_id === v.value,\n );\n let updatedV = {\n ...v,\n companyName: account?.name,\n box_file_id: v.value,\n report,\n };\n if (roomDocIndex !== -1) {\n updatedV = {\n ...updatedV,\n filename: v.filename || roomDocs[roomDocIndex].filename,\n document: roomDocs[roomDocIndex],\n };\n }\n\n const ledgerDocsIndex = ledgerDocs.findIndex(\n doc => doc.name === updatedV.report.name,\n );\n if (ledgerDocsIndex === -1) {\n ledgerDocs.push({ ...report, docs: [updatedV] });\n } else {\n ledgerDocs[ledgerDocsIndex].docs.push(updatedV);\n }\n }\n updatedVals.push({ ...v, account, accessCode });\n });\n updatedResourceListData[key] = updatedVals;\n });\n const ledgerReportsIndex = ledgerReports.findIndex(\n val => val.id === report.id,\n );\n if (ledgerReportsIndex === -1) {\n ledgerReports.push({\n ...report,\n resourceListData: updatedResourceListData,\n accessCode: accessCode,\n roomId: room.id,\n account_id,\n account,\n });\n } else {\n ledgerReports[ledgerReportsIndex].resourceListData = {\n ...ledgerReports[ledgerReportsIndex].resourceListData,\n ...updatedResourceListData,\n };\n }\n });\n }\n }\n });\n // reportingRooms.forEach(async (room, ind) => {\n // for (const room of lpRooms) {\n // }\n\n return await {\n payload: actionResponse.payload,\n roomDocs,\n ledgerReports,\n ledgerDocs,\n populatedLPRooms,\n };\n }\n return await actionResponse.payload;\n };\n};\n\nexport const fetchAccountRooms = accountId => {\n const REQUEST = Types[`FETCH_ACCOUNT_ROOMS_REQUEST`];\n const SUCCESS = Types[`FETCH_ACCOUNT_ROOMS_SUCCESS`];\n const FAILED = Types[`FETCH_ACCOUNT_ROOMS_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: '/api/account/admin/room?open=true',\n method: 'GET',\n headers: requestHeaders(true, accountId),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n return await actionResponse.payload;\n }\n if (\n actionResponse.payload.code === 'UNAUTHORIZED' ||\n actionResponse.payload.code === 'UNVERIFIED_CONTACT'\n ) {\n return await actionResponse.payload;\n }\n // dispatch(\n // setNotice({\n // type: 'error',\n // message:\n // actionResponse.payload?.message ||\n // 'An error has occurred. If error persists after refresh, please contact PaperOS Support.',\n // }),\n // );\n throw await new Error(actionResponse.payload?.message);\n };\n};\n\nexport const fetchInspectAccessCode = access_code => {\n const REQUEST = Types[`FETCH_INSPECT_ACCESS_CODE_REQUEST`];\n const SUCCESS = Types[`FETCH_INSPECT_ACCESS_CODE_SUCCESS`];\n const FAILED = Types[`FETCH_INSPECT_ACCESS_CODE_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/public/access_code/inspect?access_code=${access_code}`,\n method: 'GET',\n headers: requestHeaders(),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n await dispatch(setRoom(actionResponse.payload, access_code));\n if (!actionResponse.error) {\n return await actionResponse.payload;\n }\n // await get(\n // actionResponse,\n // 'payload.message',\n // 'This form has already been completed. Please contact technical support if you believe this is in error.',\n // );\n throw await actionResponse.payload;\n };\n};\n\nexport const fetchRoomByAccessCode = (access_code, account_id) => {\n const REQUEST = Types[`FETCH_ROOM_REQUEST`];\n const SUCCESS = Types[`FETCH_ROOM_SUCCESS`];\n const FAILED = Types[`FETCH_ROOM_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/guest/rooms/${access_code}`,\n method: 'GET',\n headers: requestHeaders(true, account_id, true),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n await dispatch(setRoom(actionResponse.payload, access_code));\n if (actionResponse.payload.outside_forms.length > 0) {\n actionResponse.payload.outside_forms.forEach(form => {\n dispatch(\n setTransactionQuestionnaire(\n form,\n form.access_code || form.questionnaire?.access_code,\n ),\n );\n });\n }\n return await actionResponse.payload;\n }\n // await get(\n // actionResponse,\n // 'payload.message',\n // 'This form has already been completed. Please contact technical support if you believe this is in error.',\n // );\n const payload = {\n ...actionResponse.payload,\n room: { id: actionResponse.payload.room_id },\n };\n await dispatch(setRoom(payload, access_code));\n throw await payload;\n };\n};\n\nexport const fetchRoomById = (roomId, account_id, accessCode, outsideForms = []) => {\n const REQUEST = Types[`FETCH_ROOM_BY_ID_REQUEST`];\n const SUCCESS = Types[`FETCH_ROOM_BY_ID_SUCCESS`];\n const FAILED = Types[`FETCH_ROOM_BY_ID_FAILED`];\n return async (dispatch, getState) => {\n let actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/admin/room/${roomId}`,\n method: 'GET',\n headers: requestHeaders(true, account_id),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n actionResponse.payload = {\n ...actionResponse.payload,\n is_admin_user: true,\n outside_forms: [\n ...(actionResponse.payload?.outside_forms || []),\n ...outsideForms,\n ],\n };\n await dispatch(\n setRoom(\n actionResponse.payload,\n accessCode || actionResponse.payload.room.data_access_code,\n ),\n );\n if (actionResponse.payload.outside_forms.length > 0) {\n actionResponse.payload.outside_forms.forEach(form => {\n dispatch(setTransactionQuestionnaire(form, form.questionnaire.access_code));\n });\n }\n return await actionResponse.payload;\n }\n await get(\n actionResponse,\n 'payload.message',\n 'Unable to fetch Room. Please try logging back in or contact support if error persists',\n );\n // await dispatch(\n // setRoom(actionResponse.payload, actionResponse.payload.data_access_code),\n // );\n throw await actionResponse.payload;\n };\n};\n\nexport const fetchRoomByUser = roomId => {\n const REQUEST = Types[`FETCH_ROOM_BY_USER_REQUEST`];\n const SUCCESS = Types[`FETCH_ROOM_BY_USER_SUCCESS`];\n const FAILED = Types[`FETCH_ROOM_BY_USER_FAILED`];\n return async (dispatch, getState) => {\n let actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/user/rooms/${roomId}`,\n method: 'GET',\n headers: requestHeaders(true, 'user'),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n actionResponse.payload = { ...actionResponse.payload, is_admin_user: true };\n await dispatch(\n setRoom(actionResponse.payload, actionResponse.payload.room.data_access_code),\n );\n if (actionResponse.payload.outside_forms.length > 0) {\n actionResponse.payload.outside_forms.forEach(form => {\n dispatch(setTransactionQuestionnaire(form, form.questionnaire.access_code));\n });\n }\n return await actionResponse.payload;\n }\n await get(\n actionResponse,\n 'payload.message',\n 'Unable to fetch Room. Please try logging back in or contact support if error persists',\n );\n // await dispatch(\n // setRoom(actionResponse.payload, actionResponse.payload.data_access_code),\n // );\n throw await actionResponse.payload;\n };\n};\n\n/**\n * body:\n{\n \"open\": true,\n \"require_auth\":false,\n \"strict\":false,\n \"label\":\"We're The Best Data Room Eva!!!\"\n}\n */\nexport const updateRoom = (\n body,\n roomId,\n account_id,\n accessCode,\n shouldFetchUpdatedRoom = true,\n) => {\n const REQUEST = Types[`PUT_ROOM_REQUEST`];\n const SUCCESS = Types[`PUT_ROOM_SUCCESS`];\n const FAILED = Types[`PUT_ROOM_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/admin/room/${roomId}`,\n method: 'PUT',\n headers: requestHeaders(true, account_id),\n types: [REQUEST, SUCCESS, FAILED],\n body: JSON.stringify(body),\n },\n });\n if (!actionResponse.error) {\n if (shouldFetchUpdatedRoom) {\n dispatch(setNotice('Room Updated.'));\n await dispatch(fetchRoomById(roomId, account_id, accessCode));\n }\n return await actionResponse.payload;\n }\n dispatch(\n setNotice({\n type: 'error',\n message: get(actionResponse, 'payload.message', 'Failed to update room.'),\n }),\n );\n throw await get(actionResponse, 'payload.message', 'Failed to update room.');\n };\n};\n\nexport const fetchFeaturesForRoom = (key, query, account_id) => {\n const REQUEST = Types[`FETCH_FEATURES_FOR_ROOM_REQUEST`];\n const SUCCESS = Types[`FETCH_FEATURES_FOR_ROOM_SUCCESS`];\n const FAILED = Types[`FETCH_FEATURES_FOR_ROOM_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/feature${query || ''}`,\n method: 'GET',\n headers: requestHeaders(true, account_id),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n await dispatch(setFeaturesForRoom(actionResponse.payload, key));\n return await actionResponse.payload;\n }\n throw await actionResponse.payload;\n // throw await get(\n // actionResponse,\n // 'payload.message',\n // 'This form has already been completed. Please contact technical support if you believe this is in error.',\n // );\n };\n};\n\nexport const createRoomFeatures = (features, baseBody, roomId, account_id) => {\n return async dispatch => {\n return features.reduce(async (previousPromise, feature) => {\n return await previousPromise.then(\n e =>\n dispatch(\n createRoomFeature(\n { ...baseBody, feature_type_id: feature.feature_type_id },\n roomId,\n account_id,\n ),\n ),\n error => {\n console.warn('error', error);\n return Promise.resolve();\n },\n );\n }, Promise.resolve(100));\n };\n};\n\nexport const createRoomFeature = (body, roomId, account_id) => {\n /**\n * body:\n {\n \"room_id\":1,\n \"feature_type_id\":406,\n \"resource_id\":730,\n \"resource_variable_name\": \"Bob\",\n \"resource_custom_label\": \"Blob\"\n }\n */\n const REQUEST = Types[`POST_ROOM_FEATURE_REQUEST`];\n const SUCCESS = Types[`POST_ROOM_FEATURE_SUCCESS`];\n const FAILED = Types[`POST_ROOM_FEATURE_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/admin/room/${roomId}/feature`,\n method: 'POST',\n headers: requestHeaders(true, account_id),\n types: [REQUEST, SUCCESS, FAILED],\n body: JSON.stringify(body),\n },\n });\n if (!actionResponse.error) {\n return await actionResponse.payload;\n }\n dispatch(\n setNotice({\n type: 'error',\n message: get(actionResponse, 'payload.message', 'Failed to create room feature.'),\n }),\n );\n throw await get(actionResponse, 'payload.message', 'Failed to create room feature');\n };\n};\n\nexport const updateRoomFeatures = (resources, body, roomId, account_id) => {\n return async dispatch => {\n const features = Object.entries(resources).reduce((dict, [resourceKey, resource]) => {\n dict = [...dict, ...resource.features];\n return dict;\n }, []);\n return features.reduce(async (previousPromise, feature) => {\n return await previousPromise.then(\n e =>\n dispatch(updateRoomFeature(feature.room_feature_id, body, roomId, account_id)),\n error => {\n console.warn('error', error);\n return Promise.resolve();\n },\n );\n }, Promise.resolve(100));\n };\n};\n\nexport const updateRoomFeature = (roomFeatureId, body, roomId, account_id) => {\n /**\n * body:\n {\n \"resource_variable_name\": \"bobby\",\n \"resource_custom_label\":\"Bobby\"\n }\n */\n const REQUEST = Types[`PUT_ROOM_FEATURE_REQUEST`];\n const SUCCESS = Types[`PUT_ROOM_FEATURE_SUCCESS`];\n const FAILED = Types[`PUT_ROOM_FEATURE_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/admin/room/${roomId}/feature/${roomFeatureId}`,\n method: 'PUT',\n headers: requestHeaders(true, account_id),\n types: [REQUEST, SUCCESS, FAILED],\n body: JSON.stringify(body),\n },\n });\n if (!actionResponse.error) {\n return await actionResponse.payload;\n }\n dispatch(\n setNotice({\n type: 'error',\n message: get(actionResponse, 'payload.message', 'Failed to update room feature.'),\n }),\n );\n throw await get(actionResponse, 'payload.message', 'Failed to update room feature');\n };\n};\n\nexport const deleteRoomFeatures = (collection, roomId, account_id) => {\n return async dispatch => {\n let features = collection;\n if (isPlainObject(collection)) {\n features = Object.entries(collection).reduce((dict, [resourceKey, resource]) => {\n dict = [...dict, ...resource.features];\n return dict;\n }, []);\n }\n return features.reduce(async (previousPromise, feature) => {\n return await previousPromise.then(\n e => dispatch(deleteRoomFeature(feature.room_feature_id, roomId, account_id)),\n error => {\n console.warn('error', error);\n return Promise.resolve();\n },\n );\n }, Promise.resolve(100));\n };\n};\n\nexport const deleteRoomFeature = (roomFeatureId, roomId, account_id, accessCode) => {\n /**\n * body:\n {\n \"room_id\": 1,\n }\n */\n const REQUEST = Types[`DELETE_ROOM_FEATURE_REQUEST`];\n const SUCCESS = Types[`DELETE_ROOM_FEATURE_SUCCESS`];\n const FAILED = Types[`DELETE_ROOM_FEATURE_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/admin/room/${roomId}/feature/${roomFeatureId}`,\n method: 'DELETE',\n headers: requestHeaders(true, account_id),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n dispatch(setNotice('Room field removed.'));\n if (accessCode) {\n await dispatch(fetchRoomById(roomId, account_id, accessCode));\n }\n return await actionResponse.payload;\n }\n dispatch(\n setNotice({\n type: 'error',\n message: get(actionResponse, 'payload.message', 'Failed to delete room feature.'),\n }),\n );\n throw await get(actionResponse, 'payload.message', 'Failed to delete room feature');\n };\n};\n\nexport const fetchRoomLinks = (roomId, account_id) => {\n /**\n * body:\n {\n \"room_id\":1,\n \"label\": \"Let there be light\",\n \"link\": \"https://bulbs.org\"\n }\n */\n const REQUEST = Types[`FETCH_ROOM_LINKS_REQUEST`];\n const SUCCESS = Types[`FETCH_ROOM_LINKS_SUCCESS`];\n const FAILED = Types[`FETCH_ROOM_LINKS_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/admin/room/${roomId}/link`,\n method: 'GET',\n headers: requestHeaders(true, account_id),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n dispatch(setRoomLinks(actionResponse.payload, roomId));\n return await actionResponse.payload;\n }\n dispatch(\n setNotice({\n type: 'error',\n message: get(actionResponse, 'payload.message', 'Failed to create room link.'),\n }),\n );\n throw await get(actionResponse, 'payload.message', 'Failed to create room link');\n };\n};\n\nexport const createRoomLink = (body, roomId, account_id, accessCode) => {\n /**\n * body:\n {\n \"room_id\":1,\n \"label\": \"Let there be light\",\n \"link\": \"https://bulbs.org\"\n }\n */\n const REQUEST = Types[`POST_ROOM_LINK_REQUEST`];\n const SUCCESS = Types[`POST_ROOM_LINK_SUCCESS`];\n const FAILED = Types[`POST_ROOM_LINK_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/admin/room/${roomId}/link`,\n method: 'POST',\n headers: requestHeaders(true, account_id),\n types: [REQUEST, SUCCESS, FAILED],\n body: JSON.stringify(body),\n },\n });\n if (!actionResponse.error) {\n await dispatch(fetchRoomById(roomId, account_id, accessCode));\n dispatch(setNotice('Room field added.'));\n return await actionResponse.payload;\n }\n dispatch(\n setNotice({\n type: 'error',\n message: get(actionResponse, 'payload.message', 'Failed to create room link.'),\n }),\n );\n throw await get(actionResponse, 'payload.message', 'Failed to create room link');\n };\n};\n\nexport const updateRoomLink = (body, roomLinkId, roomId, account_id, accessCode) => {\n /**\n * body:\n {\n \"room_id\":1\n }\n */\n const REQUEST = Types[`PUT_ROOM_LINK_REQUEST`];\n const SUCCESS = Types[`PUT_ROOM_LINK_SUCCESS`];\n const FAILED = Types[`PUT_ROOM_LINK_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/admin/room/${roomId}/link/${roomLinkId}`,\n method: 'PUT',\n headers: requestHeaders(true, account_id),\n types: [REQUEST, SUCCESS, FAILED],\n body: JSON.stringify(body),\n },\n });\n if (!actionResponse.error) {\n dispatch(setNotice('Room Link Updated.'));\n await dispatch(fetchRoomById(roomId, account_id, accessCode));\n return await actionResponse.payload;\n }\n dispatch(\n setNotice({\n type: 'error',\n message: get(actionResponse, 'payload.message', 'Failed to update room link.'),\n }),\n );\n throw await get(actionResponse, 'payload.message', 'Failed to update room link');\n };\n};\n\nexport const deleteRoomLink = (roomLinkId, roomId, account_id, accessCode) => {\n const REQUEST = Types[`DELETE_ROOM_LINK_REQUEST`];\n const SUCCESS = Types[`DELETE_ROOM_LINK_SUCCESS`];\n const FAILED = Types[`DELETE_ROOM_LINK_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/admin/room/${roomId}/link/${roomLinkId}`,\n method: 'DELETE',\n headers: requestHeaders(true, account_id),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n await dispatch(fetchRoomById(roomId, account_id, accessCode));\n dispatch(setNotice('Room Link Deleted.'));\n return await actionResponse.payload;\n }\n dispatch(\n setNotice({\n type: 'error',\n message: get(actionResponse, 'payload.message', 'Failed to delete room link.'),\n }),\n );\n throw await get(actionResponse, 'payload.message', 'Failed to delete room link');\n };\n};\n\nexport const fetchRoomDocuments = (roomId, account_id) => {\n /**\n * body:\n {\n \"room_id\":1,\n \"label\": \"Let there be light\",\n \"link\": \"https://bulbs.org\"\n }\n */\n const REQUEST = Types[`FETCH_ROOM_DOCUMENTS_REQUEST`];\n const SUCCESS = Types[`FETCH_ROOM_DOCUMENTS_SUCCESS`];\n const FAILED = Types[`FETCH_ROOM_DOCUMENTS_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/admin/room/${roomId}/document`,\n method: 'GET',\n headers: requestHeaders(true, account_id),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n dispatch(setRoomDocuments(actionResponse.payload, roomId));\n return await actionResponse.payload;\n }\n dispatch(\n setNotice({\n type: 'error',\n message: get(actionResponse, 'payload.message', 'Failed to get room documents.'),\n }),\n );\n throw await get(actionResponse, 'payload.message', 'Failed to get room documents');\n };\n};\n\nexport const createRoomDocument = (body, roomId, account_id, accessCode) => {\n /**\n * body:\n {\n \"room_id\":1,\n \"label\": \"Let there be light\",\n \"link\": \"https://bulbs.org\"\n }\n */\n const REQUEST = Types[`POST_ROOM_DOCUMENT_REQUEST`];\n const SUCCESS = Types[`POST_ROOM_DOCUMENT_SUCCESS`];\n const FAILED = Types[`POST_ROOM_DOCUMENT_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/admin/room/${roomId}/document`,\n method: 'POST',\n headers: requestHeaders(true, account_id),\n types: [REQUEST, SUCCESS, FAILED],\n body: JSON.stringify(body),\n },\n });\n if (!actionResponse.error) {\n await dispatch(fetchRoomById(roomId, account_id, accessCode));\n dispatch(setNotice('Room Document Added.'));\n return await actionResponse.payload;\n }\n dispatch(\n setNotice({\n type: 'error',\n message: get(actionResponse, 'payload.message', 'Failed to add room document.'),\n }),\n );\n throw await get(actionResponse, 'payload.message', 'Failed to add room document');\n };\n};\n\nexport const updateRoomDocument = (\n body,\n roomDocumentId,\n roomId,\n account_id,\n accessCode,\n) => {\n /**\n * body:\n {\n \"room_id\":1,\n \"label\": \"Let there be light\",\n \"link\": \"https://bulbs.org\"\n }\n */\n const REQUEST = Types[`PUT_ROOM_DOCUMENT_REQUEST`];\n const SUCCESS = Types[`PUT_ROOM_DOCUMENT_SUCCESS`];\n const FAILED = Types[`PUT_ROOM_DOCUMENT_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/admin/room/${roomId}/document/${roomDocumentId}`,\n method: 'PUT',\n headers: requestHeaders(true, account_id),\n types: [REQUEST, SUCCESS, FAILED],\n body: JSON.stringify(body),\n },\n });\n if (!actionResponse.error) {\n await dispatch(fetchRoomById(roomId, account_id, accessCode));\n dispatch(setNotice('Room Document Updated.'));\n return await actionResponse.payload;\n }\n dispatch(\n setNotice({\n type: 'error',\n message: get(\n actionResponse,\n 'payload.message',\n 'Failed to updated room document.',\n ),\n }),\n );\n throw await get(actionResponse, 'payload.message', 'Failed to update room document');\n };\n};\n\nexport const deleteRoomDocument = (roomDocumentId, roomId, account_id, accessCode) => {\n const REQUEST = Types[`DELETE_ROOM_DOCUMENT_REQUEST`];\n const SUCCESS = Types[`DELETE_ROOM_DOCUMENT_SUCCESS`];\n const FAILED = Types[`DELETE_ROOM_DOCUMENT_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/admin/room/${roomId}/document/${roomDocumentId}`,\n method: 'DELETE',\n headers: requestHeaders(true, account_id),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n await dispatch(fetchRoomById(roomId, account_id, accessCode));\n dispatch(setNotice('Room Document Removed.'));\n return await actionResponse.payload;\n }\n dispatch(\n setNotice({\n type: 'error',\n message: get(\n actionResponse,\n 'payload.message',\n 'Failed to remove room document.',\n ),\n }),\n );\n throw await get(actionResponse, 'payload.message', 'Failed to remove room document');\n };\n};\n\nexport const addRoomReport = (body, roomId, account_id, accessCode) => {\n /**\n * body:\n {\n \"room_id\": 1,\n \"feature_type_id\": 752\n }\n */\n const REQUEST = Types[`POST_ROOM_REPORT_REQUEST`];\n const SUCCESS = Types[`POST_ROOM_REPORT_SUCCESS`];\n const FAILED = Types[`POST_ROOM_REPORT_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/admin/room/${roomId}/report`,\n method: 'POST',\n headers: requestHeaders(true, account_id),\n types: [REQUEST, SUCCESS, FAILED],\n body: JSON.stringify(body),\n },\n });\n if (!actionResponse.error) {\n await dispatch(fetchRoomById(roomId, account_id, accessCode));\n dispatch(setNotice('Room Report Added.'));\n return await actionResponse.payload;\n }\n dispatch(\n setNotice({\n type: 'error',\n message: get(actionResponse, 'payload.message', 'Failed to add room report.'),\n }),\n );\n let err = new Error(actionResponse.payload?.message || 'Failed to add room report');\n throw err;\n };\n};\n\nexport const deleteRoomReport = (roomReportId, roomId, account_id, accessCode) => {\n const REQUEST = Types[`DELETE_ROOM_REPORT_REQUEST`];\n const SUCCESS = Types[`DELETE_ROOM_REPORT_SUCCESS`];\n const FAILED = Types[`DELETE_ROOM_REPORT_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/admin/room/${roomId}/report/${roomReportId}`,\n method: 'DELETE',\n headers: requestHeaders(true, account_id),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n await dispatch(fetchRoomById(roomId, account_id, accessCode));\n dispatch(setNotice('Room Document Removed.'));\n return await actionResponse.payload;\n }\n dispatch(\n setNotice({\n type: 'error',\n message: get(\n actionResponse,\n 'payload.message',\n 'Failed to remove room document.',\n ),\n }),\n );\n let err = new Error(\n actionResponse.payload?.message || 'Failed to remove room report',\n );\n throw err;\n };\n};\n\nexport const addRoomUser = (body, roomId, account_id, accessCode) => {\n /**\n * body:\n {\n \"room_id\":1,\n \"email\":\"brack@savvi.legal\"\n }\n */\n const REQUEST = Types[`POST_ROOM_USER_REQUEST`];\n const SUCCESS = Types[`POST_ROOM_USER_SUCCESS`];\n const FAILED = Types[`POST_ROOM_USER_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/user/rooms/${roomId}/participants`,\n method: 'POST',\n headers: requestHeaders(true, account_id),\n types: [REQUEST, SUCCESS, FAILED],\n body: JSON.stringify(body),\n },\n });\n if (!actionResponse.error) {\n dispatch(setNotice('User added.'));\n await dispatch(fetchRoomById(roomId, account_id, accessCode));\n return await actionResponse.payload;\n }\n dispatch(\n setNotice({\n type: 'error',\n message: get(actionResponse, 'payload.message', 'Failed to add user to room.'),\n }),\n );\n throw await get(actionResponse, 'payload.message', 'Failed to add user to room');\n };\n};\n\nexport const updateRoomUser = (body, roomUserId, roomId, account_id) => {\n /**\n * body:\n {\n \"invite_rights\":0 // They can add people, allows them to hit post invite to invite user by email\n }\n */\n const REQUEST = Types[`PUT_ROOM_USER_REQUEST`];\n const SUCCESS = Types[`PUT_ROOM_USER_SUCCESS`];\n const FAILED = Types[`PUT_ROOM_USER_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/admin/room/${roomId}/user/${roomUserId}`,\n method: 'PUT',\n headers: requestHeaders(true, account_id),\n types: [REQUEST, SUCCESS, FAILED],\n body: JSON.stringify(body),\n },\n });\n if (!actionResponse.error) {\n await dispatch(fetchRoomById(roomId, account_id));\n return await actionResponse.payload;\n }\n dispatch(\n setNotice({\n type: 'error',\n message: get(actionResponse, 'payload.message', 'Failed to update room user.'),\n }),\n );\n throw await get(actionResponse, 'payload.message', 'Failed to update room user');\n };\n};\n\nexport const deleteRoomUser = (roomUserId, roomId, account_id, roomCodeId) => {\n const REQUEST = Types[`DELETE_ROOM_USER_REQUEST`];\n const SUCCESS = Types[`DELETE_ROOM_USER_SUCCESS`];\n const FAILED = Types[`DELETE_ROOM_USER_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/admin/room/${roomId}/user/${roomUserId}`,\n method: 'DELETE',\n headers: requestHeaders(true, account_id),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n if (roomCodeId) {\n return await dispatch(archiveRoomCode(roomCodeId, roomId, account_id));\n }\n await dispatch(fetchRoomById(roomId, account_id));\n return await actionResponse.payload;\n }\n dispatch(\n setNotice({\n type: 'error',\n message: get(\n actionResponse,\n 'payload.message',\n 'Failed to remove user from room.',\n ),\n }),\n );\n throw await get(actionResponse, 'payload.message', 'Failed to remove user from room');\n };\n};\n\nexport const swapRoomLinks = (id1, id2, roomId, account_id, accessCode) => {\n const REQUEST = Types[`SWAP_ROOM_LINKS_REQUEST`];\n const SUCCESS = Types[`SWAP_ROOM_LINKS_SUCCESS`];\n const FAILED = Types[`SWAP_ROOM_LINKS_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/admin/room/${roomId}/link/${id1}/swap/${id2}`,\n method: 'PATCH',\n headers: requestHeaders(true, account_id),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n await dispatch(setNotice('Room links swapped.'));\n await dispatch(fetchRoomById(roomId, account_id, accessCode));\n return await actionResponse.payload;\n }\n dispatch(\n setNotice({\n type: 'error',\n message: get(actionResponse, 'payload.message', 'Failed to swap room links.'),\n }),\n );\n throw await get(actionResponse, 'payload.message', 'Failed to swap room links.');\n };\n};\n\nexport const swapRoomDocuments = (id1, id2, roomId, account_id, accessCode) => {\n const REQUEST = Types[`SWAP_ROOM_DOCUMENTS_REQUEST`];\n const SUCCESS = Types[`SWAP_ROOM_DOCUMENTS_SUCCESS`];\n const FAILED = Types[`SWAP_ROOM_DOCUMENTS_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/admin/room/${roomId}/document/${id1}/swap/${id2}`,\n method: 'PATCH',\n headers: requestHeaders(true, account_id),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n await dispatch(setNotice('Room documents swapped.'));\n await dispatch(fetchRoomById(roomId, account_id, accessCode));\n return await actionResponse.payload;\n }\n dispatch(\n setNotice({\n type: 'error',\n message: get(actionResponse, 'payload.message', 'Failed to swap room documents.'),\n }),\n );\n throw await get(actionResponse, 'payload.message', 'Failed to swap room documents.');\n };\n};\n\nexport const swapRoomReports = (id1, id2, roomId, account_id, accessCode) => {\n const REQUEST = Types[`SWAP_ROOM_REPORTS_REQUEST`];\n const SUCCESS = Types[`SWAP_ROOM_REPORTS_SUCCESS`];\n const FAILED = Types[`SWAP_ROOM_REPORTS_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/admin/room/${roomId}/report/${id1}/swap/${id2}`,\n method: 'PATCH',\n headers: requestHeaders(true, account_id),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n await dispatch(setNotice('Room reports swapped.'));\n await dispatch(fetchRoomById(roomId, account_id, accessCode));\n return await actionResponse.payload;\n }\n dispatch(\n setNotice({\n type: 'error',\n message: get(actionResponse, 'payload.message', 'Failed to swap room documents.'),\n }),\n );\n throw await get(actionResponse, 'payload.message', 'Failed to swap room documents.');\n };\n};\n\nexport const fetchRoomCodes = (roomId, accountId) => {\n const REQUEST = Types['FETCH_ROOM_CODES_REQUEST'];\n const SUCCESS = Types['FETCH_ROOM_CODES_SUCCESS'];\n const FAILED = Types['FETCH_ROOM_CODES_FAILED'];\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/admin/room/${roomId}/code`,\n method: 'GET',\n headers: requestHeaders(true, accountId),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n dispatch(setRoomCodes(actionResponse.payload, roomId));\n return await actionResponse.payload;\n } else {\n dispatch(\n setNotice({\n type: 'error',\n message: actionResponse.payload?.message || 'failed to fetch Room codes',\n }),\n );\n }\n };\n};\n\nexport const addRoomCode = (body, roomId, accountId) => {\n /**\n * body:\n {\n \"room_id\":1,\n \"email\":\"brack@savvi.legal\"\n }\n */\n const REQUEST = Types[`POST_ROOM_CODE_REQUEST`];\n const SUCCESS = Types[`POST_ROOM_CODE_SUCCESS`];\n const FAILED = Types[`POST_ROOM_CODE_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/admin/room/${roomId}/code`,\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(setNotice('Email with room link sent.'));\n await dispatch(fetchRoomCodes(roomId, accountId));\n return await actionResponse.payload;\n }\n dispatch(\n setNotice({\n type: 'error',\n message: get(\n actionResponse,\n 'payload.message',\n 'An issue occurred while sharing room link. If issue continues, please contact support.',\n ),\n }),\n );\n throw await get(\n actionResponse,\n 'payload.message',\n 'An issue occurred while sharing room link. If issue continues, please contact support.',\n );\n };\n};\n\nexport const archiveRoomCode = (\n roomCodeId,\n roomId,\n account_id,\n fetchRoomCodes = true,\n) => {\n const REQUEST = Types[`DELETE_ROOM_CODE_REQUEST`];\n const SUCCESS = Types[`DELETE_ROOM_CODE_SUCCESS`];\n const FAILED = Types[`DELETE_ROOM_CODE_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/admin/room/${roomId}/codes/${roomCodeId}`,\n method: 'DELETE',\n headers: requestHeaders(true, account_id),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n if (fetchRoomCodes) {\n await dispatch(fetchRoomCodes(roomId, account_id));\n }\n return await actionResponse.payload;\n }\n dispatch(\n setNotice({\n type: 'error',\n message: get(\n actionResponse,\n 'payload.message',\n 'Failed to remove user from room.',\n ),\n }),\n );\n throw await get(actionResponse, 'payload.message', 'Failed to remove user from room');\n };\n};\n\nexport const fetchRoomAccessLog = (roomId, accId) => {\n const REQUEST = Types['FETCH_ROOM_ACCESS_LOG_REQUEST'];\n const SUCCESS = Types['FETCH_ROOM_ACCESS_LOG_SUCCESS'];\n const FAILED = Types['FETCH_ROOM_ACCESS_LOG_FAILED'];\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/user/rooms/${roomId}/access-log`,\n method: 'GET',\n headers: requestHeaders(true, accId || 'user'),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n dispatch(setRoomAccessLog(actionResponse.payload, roomId));\n return await actionResponse.payload;\n } else {\n dispatch(\n setNotice({\n type: 'error',\n message: actionResponse.payload?.message || 'failed to fetch Room access logs',\n }),\n );\n }\n };\n};\n\nexport const fetchRoomHistory = (accessCode, roomId) => {\n const REQUEST = Types['FETCH_ROOM_HISTORY_REQUEST'];\n const SUCCESS = Types['FETCH_ROOM_HISTORY_SUCCESS'];\n const FAILED = Types['FETCH_ROOM_HISTORY_FAILED'];\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/guest/rooms/${accessCode}/history`,\n method: 'GET',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n dispatch(setRoomHistory(actionResponse.payload, roomId));\n return await actionResponse.payload;\n } else {\n dispatch(\n setNotice({\n type: 'error',\n message: actionResponse.payload?.message || 'failed to fetch Room history',\n }),\n );\n }\n };\n};\n\nexport const createRoomHistory = (accessCode, body, roomId, accId) => {\n const REQUEST = Types['POST_ROOM_HISTORY_REQUEST'];\n const SUCCESS = Types['POST_ROOM_HISTORY_SUCCESS'];\n const FAILED = Types['POST_ROOM_HISTORY_FAILED'];\n\n return async (dispatch, getState) => {\n const {\n Auth: {\n user: { isAuthenticated },\n },\n } = getState();\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/${isAuthenticated ? 'user' : 'guest'}/rooms/${\n isAuthenticated ? roomId : accessCode\n }/history`,\n method: 'POST',\n headers: requestHeaders(true, accId || 'user'),\n types: [REQUEST, SUCCESS, FAILED],\n body: JSON.stringify(body),\n },\n });\n if (!actionResponse.error) {\n dispatch(fetchRoomHistory(accessCode, actionResponse.payload.room_id));\n return await actionResponse.payload;\n }\n const errMessage =\n actionResponse.payload?.message || 'failed to create Room history item';\n // dispatch(\n // setNotice({\n // type: 'error',\n // message: errMessage,\n // }),\n // );\n throw new Error(errMessage);\n };\n};\n\nexport const archiveRoomHistory = (roomId, historyId) => {\n const REQUEST = Types['DELETE_ROOM_HISTORY_REQUEST'];\n const SUCCESS = Types['DELETE_ROOM_HISTORY_SUCCESS'];\n const FAILED = Types['DELETE_ROOM_HISTORY_FAILED'];\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/user/rooms/${roomId}/history/${historyId}`,\n method: 'DELETE',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n return await actionResponse.payload;\n } else {\n console.error('Error deleting Room History: ', actionResponse.error);\n throw await actionResponse.error;\n // dispatch(\n // setNotice({\n // type: 'error',\n // message: actionResponse.payload?.message || 'failed to delete Room history',\n // }),\n // );\n }\n };\n};\n\nexport const fetchRoomParticipants = (roomId, accId) => {\n const REQUEST = Types['FETCH_ROOM_PARTICIPANTS_REQUEST'];\n const SUCCESS = Types['FETCH_ROOM_PARTICIPANTS_SUCCESS'];\n const FAILED = Types['FETCH_ROOM_PARTICIPANTS_FAILED'];\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/user/rooms/${roomId}/participants`,\n method: 'GET',\n headers: requestHeaders(true, accId || 'user'),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n dispatch(setRoomParticipants(actionResponse.payload, roomId));\n return await actionResponse.payload;\n } else {\n dispatch(\n setNotice({\n type: 'error',\n message: actionResponse.payload?.message || 'failed to fetch Room access logs',\n }),\n );\n }\n };\n};\n\n/** *** End of DataRoom Editing */\n\nexport const fetchRoomToken = access_code => {\n const REQUEST = Types[`FETCH_ROOM_TOKEN_REQUEST`];\n const SUCCESS = Types[`FETCH_ROOM_TOKEN_SUCCESS`];\n const FAILED = Types[`FETCH_ROOM_TOKEN_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/guest/rooms/${access_code}/token`,\n method: 'GET',\n headers: requestHeaders(),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n await dispatch(setRoomToken(actionResponse.payload, access_code));\n return await actionResponse.payload;\n }\n throw await get(\n actionResponse,\n 'payload.message',\n 'This form has already been completed. Please contact technical support if you believe this is in error.',\n );\n };\n};\n\nexport const fetchBoxLinkById = (folderId, accountId) => {\n const REQUEST = Types['FETCH_LINK_BY_ID_REQUEST'];\n const SUCCESS = Types['FETCH_LINK_BY_ID_SUCCESS'];\n const FAILED = Types['FETCH_LINK_BY_ID_FAILED'];\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/shared_link/${folderId}`,\n method: 'GET',\n headers: requestHeaders(true, accountId),\n types: [REQUEST, SUCCESS, FAILED],\n bailout: state => state.Data.isFetching,\n },\n });\n if (!actionResponse.error) {\n if (!actionResponse.payload.url) {\n dispatch(\n setNotice({\n type: 'error',\n message:\n 'Unable to fetch folder link. If problem persists, please message our support team.',\n }),\n );\n }\n return await actionResponse.payload;\n } else {\n dispatch(\n setNotice({\n type: 'error',\n message: actionResponse.payload?.message || 'failed to fetch Box link',\n }),\n );\n throw actionResponse.payload;\n }\n };\n};\n\nconst getDataRoomLink = () => {\n const REQUEST = Types['GET_LINK_REQUEST'];\n const SUCCESS = Types['GET_LINK_SUCCESS'];\n const FAILED = Types['GET_LINK_FAILED'];\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: '/api/account/shared_link',\n method: 'GET',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n bailout: state => state.Data.isFetching,\n },\n });\n if (!actionResponse) {\n return;\n }\n if (!actionResponse.error) {\n dispatch(setLink(actionResponse.payload));\n } else {\n dispatch(\n setNotice({\n type: 'error',\n message: actionResponse.payload?.message || 'failed to get Data Room link',\n }),\n );\n }\n };\n};\n\nconst createDataRoomLink = () => {\n const REQUEST = Types['POST_LINK_REQUEST'];\n const SUCCESS = Types['POST_LINK_SUCCESS'];\n const FAILED = Types['POST_LINK_FAILED'];\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: '/api/account/shared_link',\n method: 'POST',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n bailout: state => state.Data.isFetching,\n },\n });\n if (!actionResponse.error) {\n dispatch(setLink(actionResponse.payload));\n dispatch(setNotice('Data Room link created/extended'));\n } else {\n dispatch(\n setNotice({\n type: 'error',\n message: actionResponse.payload?.message || 'failed to create Data Room link',\n }),\n );\n }\n };\n};\n\nconst updateDataRoomLink = () => {\n const REQUEST = Types['UPDATE_LINK_REQUEST'];\n const SUCCESS = Types['UPDATE_LINK_SUCCESS'];\n const FAILED = Types['UPDATE_LINK_FAILED'];\n\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: '/api/account/shared_link',\n method: 'PUT',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n bailout: state => state.Data.isFetching,\n },\n });\n if (!actionResponse.error) {\n dispatch(setLink(actionResponse.payload));\n dispatch(setNotice('New Data Room link created'));\n } else {\n dispatch(\n setNotice({\n type: 'error',\n message: actionResponse.payload?.message || 'failed to update Data Room link',\n }),\n );\n }\n };\n};\n\nexport { createDataRoomLink, getDataRoomLink, updateDataRoomLink };\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 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 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 * 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\nexport function setSharedReports(payload) {\n return {\n type: Types['SET_SHARED_REPORTS'],\n payload,\n };\n}\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 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","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport classnames from 'classnames';\n\nimport { Button, MyModal } from '../common';\n\n// import Button from '../common/Button';\nimport './AlertModal.scss';\n\n// import { Link } from 'react-router-dom';\n\n// Modal.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 \n
\n
\n {isExclamationShowing && (\n \n {children}\n {body &&
{body}
}\n
\n {/* \n {primaryActionText}\n */}\n \n {primaryActionText}\n \n
\n
\n );\n};\n\nAlertModal.propTypes = {\n body: PropTypes.string,\n children: PropTypes.node,\n customContentStyles: PropTypes.string,\n customOverStyles: PropTypes.string,\n header: PropTypes.string,\n isOpen: PropTypes.bool.isRequired,\n isFetching: PropTypes.bool,\n isSecondary: PropTypes.bool,\n isWarning: PropTypes.bool,\n isExclamationShowing: PropTypes.bool,\n onClose: PropTypes.func.isRequired,\n onPrimaryClick: PropTypes.func,\n primaryActionText: PropTypes.string,\n secondaryActionText: PropTypes.string,\n};\n\nAlertModal.defaultProps = {\n primaryActionText: 'Close',\n secondaryActionText: 'Close',\n isOpen: false,\n onClose: () => {},\n};\n\nexport default AlertModal;\n","import React, { useEffect, useState } from 'react';\n\nimport get from 'lodash-es/get';\nimport ContentExplorer from 'box-ui-elements/es/elements/content-explorer';\n\nimport { InputHelp, InputStyledTextField } from '../../inputs';\nimport savviLogo from '../../../assets/images/savvi_logo.svg';\n\nimport { Button, Dropdown, MyModal } from '../../common';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport './ShareLinks.scss';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { BoxToken } from '../../../redux/modules/Cabinet/selectors';\nimport { fetchBoxLinkById } from '../../../redux/modules/Data/operations';\nimport { IsFetching } from '../../../redux/modules/Data/selectors';\nimport { CurrentCompany } from '../../../redux/modules/Company/selectors';\n\nexport const parseShareLink = function (str) {\n if (typeof str != 'string') {\n return str;\n }\n let ary = str.split('|');\n return ary.map(str => {\n let label = /\\[([^\\]]*)\\]/.exec(str);\n label = label ? label[1] : '';\n let url = /\\(([^)]*)\\)/.exec(str);\n url = url ? url[1] : '';\n return { label, url };\n });\n};\n\nconst stringifyShareLinks = function (ary) {\n if (!Array.isArray(ary)) {\n return ary;\n }\n return ary.map(obj => `[${obj.label}](${obj.url})`).join('|');\n};\n\nconst ShareLinks = ({\n field: { name, onBlur, value },\n form: { errors, setFieldValue, setFieldTouched, status, touched },\n handleFormBlur,\n isDisabled,\n isFixed,\n isRequired,\n label,\n questionHelp,\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\n const [links, setLinks] = useState(parseShareLink(value));\n\n useEffect(() => {\n if (links.length === 0) {\n setLinks([{ label: '', url: '' }]);\n }\n }, [links]);\n\n const handleSetLink = (updatedLink, index) => {\n let updatedLinks = links;\n if (!updatedLink) {\n updatedLinks.splice(index, 1);\n } else {\n updatedLinks[index] = {\n ...updatedLink,\n };\n }\n const stringifiedLinks = stringifyShareLinks(updatedLinks);\n setLinks(updatedLinks);\n handleFormBlur({ target: { value: stringifiedLinks } });\n setFieldValue(name, updatedLinks, false);\n setFieldTouched(name, true);\n };\n\n return (\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 \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, { 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 isUser,\n readOnly,\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 (!isUser && !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 (!isUser && !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, isUser]);\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 {isUser && {(resourceItems || [])[0]?.feature?.account?.name}
}\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 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 \n
Reports Table Options \n \n
\n {\n ev.preventDefault();\n setIsLedgerShowing(true);\n }}\n >\n {\n ev.preventDefault();\n setIsUserReportsShowing(true);\n }}\n >\n {\n ev.preventDefault();\n if (!!reportId) {\n dispatch(\n updateSharedReport(accountId, reportId, {\n is_active: is_active ? 0 : 1,\n metadata,\n }),\n ).then(p => dispatch(setNotice('Report Sharing Updated.')));\n } else {\n dispatch(\n createSharedReport(accountId, {\n feature_type_id: id,\n }),\n ).then(p =>\n dispatch(setNotice('Report now showing in User Dashboards.')),\n );\n }\n }}\n >\n \n )}\n {resourcesList.length > 0 && isUser && (\n {\n ev.preventDefault();\n setIsLedgerShowing(true);\n }}\n tooltip=\"Download Report as CSV\"\n >\n \n \n {\n ev.preventDefault();\n dispatch(\n deleteRoomReport(room_report_id, roomId, accountId, accessCode),\n ).then(p =>\n dispatch(\n createRoomHistory(\n accessCode,\n {\n action: 'remove_report',\n type: 'remove',\n label: `Removed ${question_label} Report from Room.`,\n },\n roomId,\n ),\n ),\n );\n }}\n >\n \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 {isUserReportsShowing && (\n setIsUserReportsShowing(false)}\n />\n )}\n \n )}\n \n );\n};\n\nexport const CompanyTable = ({\n accessCode,\n isEmpty,\n json = {},\n passedParams,\n question_label,\n readOnly,\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 * as Types from './types';\n\nexport function resetErrors() {\n return {\n type: Types.RESET_ERRORS,\n };\n}\n\nexport function setErrors(errors) {\n return {\n type: Types.SET_ERRORS,\n payload: { errors },\n };\n}\n\n// export function mergeTaskValuesToQuestionnaire(key, values = {}) {\n// return {\n// type: Types[`MERGE_TASK_VALUES`],\n// payload: { key, values },\n// };\n// }\n// export function setValue(key, payload) {\n// const upperCaseKey = key.replace(/ /g, '_').toUpperCase();\n// return {\n// type: Types[`SET_${upperCaseKey}`],\n// payload,\n// };\n// }\n\n// export function removeValue(key, payload) {\n// const upperCaseKey = key.replace(/ /g, '_').toUpperCase();\n// return {\n// type: Types[`REMOVE_${upperCaseKey}`],\n// payload,\n// };\n// }\n\n// export function setValue(key, value) {\n// return {\n// type: Types[`SET_VALUE`],\n// payload: { key, value },\n// };\n// }\n\n// export function removeValue(key, value) {\n// return {\n// type: Types[`REMOVE_VALUE`],\n// payload: { key, value },\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 setAccountProject(payload) {\n return {\n type: Types['SET_ACCOUNT_PROJECT'],\n payload,\n };\n}\n\nexport function setAccountProjects(payload) {\n return {\n type: Types['SET_ACCOUNT_PROJECTS'],\n payload,\n };\n}\n\nexport function setProjects(payload) {\n return {\n type: Types['SET_PROJECTS'],\n payload,\n };\n}\n","export default [\n { label: 'United States of America', value: 'United States of America' },\n { label: 'Afghanistan', value: 'Afghanistan' },\n { label: 'Albania', value: 'Albania' },\n { label: 'Algeria', value: 'Algeria' },\n { label: 'American Samoa', value: 'American Samoa' },\n { label: 'Andorra', value: 'Andorra' },\n { label: 'Angola', value: 'Angola' },\n { label: 'Anguilla', value: 'Anguilla' },\n { label: 'Antarctica', value: 'Antarctica' },\n { label: 'Antigua and Barbuda', value: 'Antigua and Barbuda' },\n { label: 'Argentina', value: 'Argentina' },\n { label: 'Armenia', value: 'Armenia' },\n { label: 'Aruba', value: 'Aruba' },\n { label: 'Australia', value: 'Australia' },\n { label: 'Austria', value: 'Austria' },\n { label: 'Azerbaijan', value: 'Azerbaijan' },\n { label: 'Bahamas (the)', value: 'Bahamas (the)' },\n { label: 'Bahrain', value: 'Bahrain' },\n { label: 'Bangladesh', value: 'Bangladesh' },\n { label: 'Barbados', value: 'Barbados' },\n { label: 'Belarus', value: 'Belarus' },\n { label: 'Belgium', value: 'Belgium' },\n { label: 'Belize', value: 'Belize' },\n { label: 'Benin', value: 'Benin' },\n { label: 'Bermuda', value: 'Bermuda' },\n { label: 'Bhutan', value: 'Bhutan' },\n {\n label: 'Bolivia (Plurinational State of)',\n value: 'Bolivia (Plurinational State of)',\n },\n {\n label: 'Bonaire, Sint Eustatius and Saba',\n value: 'Bonaire, Sint Eustatius and Saba',\n },\n { label: 'Bosnia and Herzegovina', value: 'Bosnia and Herzegovina' },\n { label: 'Botswana', value: 'Botswana' },\n { label: 'Bouvet Island', value: 'Bouvet Island' },\n { label: 'Brazil', value: 'Brazil' },\n {\n label: 'British Indian Ocean Territory (the)',\n value: 'British Indian Ocean Territory (the)',\n },\n { label: 'Brunei Darussalam', value: 'Brunei Darussalam' },\n { label: 'Bulgaria', value: 'Bulgaria' },\n { label: 'Burkina Faso', value: 'Burkina Faso' },\n { label: 'Burundi', value: 'Burundi' },\n { label: 'Cabo Verde', value: 'Cabo Verde' },\n { label: 'Cambodia', value: 'Cambodia' },\n { label: 'Cameroon', value: 'Cameroon' },\n { label: 'Canada', value: 'Canada' },\n { label: 'Cayman Islands (the)', value: 'Cayman Islands (the)' },\n { label: 'Central African Republic (the)', value: 'Central African Republic (the)' },\n { label: 'Chad', value: 'Chad' },\n { label: 'Chile', value: 'Chile' },\n { label: 'China', value: 'China' },\n { label: 'Christmas Island', value: 'Christmas Island' },\n { label: 'Cocos (Keeling) Islands (the)', value: 'Cocos (Keeling) Islands (the)' },\n { label: 'Colombia', value: 'Colombia' },\n { label: 'Comoros (the)', value: 'Comoros (the)' },\n {\n label: 'Congo (the Democratic Republic of the)',\n value: 'Congo (the Democratic Republic of the)',\n },\n { label: 'Congo (the)', value: 'Congo (the)' },\n { label: 'Cook Islands (the)', value: 'Cook Islands (the)' },\n { label: 'Costa Rica', value: 'Costa Rica' },\n { label: 'Croatia', value: 'Croatia' },\n { label: 'Cuba', value: 'Cuba' },\n { label: 'Curaçao', value: 'Curaçao' },\n { label: 'Cyprus', value: 'Cyprus' },\n { label: 'Czechia', value: 'Czechia' },\n { label: \"Côte d'Ivoire\", value: \"Côte d'Ivoire\" },\n { label: 'Denmark', value: 'Denmark' },\n { label: 'Djibouti', value: 'Djibouti' },\n { label: 'Dominica', value: 'Dominica' },\n { label: 'Dominican Republic (the)', value: 'Dominican Republic (the)' },\n { label: 'Ecuador', value: 'Ecuador' },\n { label: 'Egypt', value: 'Egypt' },\n { label: 'El Salvador', value: 'El Salvador' },\n { label: 'Equatorial Guinea', value: 'Equatorial Guinea' },\n { label: 'Eritrea', value: 'Eritrea' },\n { label: 'Estonia', value: 'Estonia' },\n { label: 'Eswatini', value: 'Eswatini' },\n { label: 'Ethiopia', value: 'Ethiopia' },\n {\n label: 'Falkland Islands (the) [Malvinas]',\n value: 'Falkland Islands (the) [Malvinas]',\n },\n { label: 'Faroe Islands (the)', value: 'Faroe Islands (the)' },\n { label: 'Fiji', value: 'Fiji' },\n { label: 'Finland', value: 'Finland' },\n { label: 'France', value: 'France' },\n { label: 'French Guiana', value: 'French Guiana' },\n { label: 'French Polynesia', value: 'French Polynesia' },\n {\n label: 'French Southern Territories (the)',\n value: 'French Southern Territories (the)',\n },\n { label: 'Gabon', value: 'Gabon' },\n { label: 'Gambia (the)', value: 'Gambia (the)' },\n { label: 'Georgia', value: 'Georgia' },\n { label: 'Germany', value: 'Germany' },\n { label: 'Ghana', value: 'Ghana' },\n { label: 'Gibraltar', value: 'Gibraltar' },\n { label: 'Greece', value: 'Greece' },\n { label: 'Greenland', value: 'Greenland' },\n { label: 'Grenada', value: 'Grenada' },\n { label: 'Guadeloupe', value: 'Guadeloupe' },\n { label: 'Guam', value: 'Guam' },\n { label: 'Guatemala', value: 'Guatemala' },\n { label: 'Guernsey', value: 'Guernsey' },\n { label: 'Guinea', value: 'Guinea' },\n { label: 'Guinea-Bissau', value: 'Guinea-Bissau' },\n { label: 'Guyana', value: 'Guyana' },\n { label: 'Haiti', value: 'Haiti' },\n {\n label: 'Heard Island and McDonald Islands',\n value: 'Heard Island and McDonald Islands',\n },\n { label: 'Holy See (the)', value: 'Holy See (the)' },\n { label: 'Honduras', value: 'Honduras' },\n { label: 'Hong Kong', value: 'Hong Kong' },\n { label: 'Hungary', value: 'Hungary' },\n { label: 'Iceland', value: 'Iceland' },\n { label: 'India', value: 'India' },\n { label: 'Indonesia', value: 'Indonesia' },\n { label: 'Iran (Islamic Republic of)', value: 'Iran (Islamic Republic of)' },\n { label: 'Iraq', value: 'Iraq' },\n { label: 'Ireland', value: 'Ireland' },\n { label: 'Isle of Man', value: 'Isle of Man' },\n { label: 'Israel', value: 'Israel' },\n { label: 'Italy', value: 'Italy' },\n { label: 'Jamaica', value: 'Jamaica' },\n { label: 'Japan', value: 'Japan' },\n { label: 'Jersey', value: 'Jersey' },\n { label: 'Jordan', value: 'Jordan' },\n { label: 'Kazakhstan', value: 'Kazakhstan' },\n { label: 'Kenya', value: 'Kenya' },\n { label: 'Kiribati', value: 'Kiribati' },\n {\n label: \"Korea (the Democratic People's Republic of)\",\n value: \"Korea (the Democratic People's Republic of)\",\n },\n { label: 'Korea (the Republic of)', value: 'Korea (the Republic of)' },\n { label: 'Kuwait', value: 'Kuwait' },\n { label: 'Kyrgyzstan', value: 'Kyrgyzstan' },\n {\n label: \"Lao People's Democratic Republic (the)\",\n value: \"Lao People's Democratic Republic (the)\",\n },\n { label: 'Latvia', value: 'Latvia' },\n { label: 'Lebanon', value: 'Lebanon' },\n { label: 'Lesotho', value: 'Lesotho' },\n { label: 'Liberia', value: 'Liberia' },\n { label: 'Libya', value: 'Libya' },\n { label: 'Liechtenstein', value: 'Liechtenstein' },\n { label: 'Lithuania', value: 'Lithuania' },\n { label: 'Luxembourg', value: 'Luxembourg' },\n { label: 'Macao', value: 'Macao' },\n { label: 'Madagascar', value: 'Madagascar' },\n { label: 'Malawi', value: 'Malawi' },\n { label: 'Malaysia', value: 'Malaysia' },\n { label: 'Maldives', value: 'Maldives' },\n { label: 'Mali', value: 'Mali' },\n { label: 'Malta', value: 'Malta' },\n { label: 'Marshall Islands (the)', value: 'Marshall Islands (the)' },\n { label: 'Martinique', value: 'Martinique' },\n { label: 'Mauritania', value: 'Mauritania' },\n { label: 'Mauritius', value: 'Mauritius' },\n { label: 'Mayotte', value: 'Mayotte' },\n { label: 'Mexico', value: 'Mexico' },\n {\n label: 'Micronesia (Federated States of)',\n value: 'Micronesia (Federated States of)',\n },\n { label: 'Moldova (the Republic of)', value: 'Moldova (the Republic of)' },\n { label: 'Monaco', value: 'Monaco' },\n { label: 'Mongolia', value: 'Mongolia' },\n { label: 'Montenegro', value: 'Montenegro' },\n { label: 'Montserrat', value: 'Montserrat' },\n { label: 'Morocco', value: 'Morocco' },\n { label: 'Mozambique', value: 'Mozambique' },\n { label: 'Myanmar', value: 'Myanmar' },\n { label: 'Namibia', value: 'Namibia' },\n { label: 'Nauru', value: 'Nauru' },\n { label: 'Nepal', value: 'Nepal' },\n { label: 'Netherlands (the)', value: 'Netherlands (the)' },\n { label: 'New Caledonia', value: 'New Caledonia' },\n { label: 'New Zealand', value: 'New Zealand' },\n { label: 'Nicaragua', value: 'Nicaragua' },\n { label: 'Niger (the)', value: 'Niger (the)' },\n { label: 'Nigeria', value: 'Nigeria' },\n { label: 'Niue', value: 'Niue' },\n { label: 'Norfolk Island', value: 'Norfolk Island' },\n { label: 'Northern Mariana Islands (the)', value: 'Northern Mariana Islands (the)' },\n { label: 'Norway', value: 'Norway' },\n { label: 'Oman', value: 'Oman' },\n { label: 'Pakistan', value: 'Pakistan' },\n { label: 'Palau', value: 'Palau' },\n { label: 'Palestine, State of', value: 'Palestine, State of' },\n { label: 'Panama', value: 'Panama' },\n { label: 'Papua New Guinea', value: 'Papua New Guinea' },\n { label: 'Paraguay', value: 'Paraguay' },\n { label: 'Peru', value: 'Peru' },\n { label: 'Philippines (the)', value: 'Philippines (the)' },\n { label: 'Pitcairn', value: 'Pitcairn' },\n { label: 'Poland', value: 'Poland' },\n { label: 'Portugal', value: 'Portugal' },\n { label: 'Puerto Rico', value: 'Puerto Rico' },\n { label: 'Qatar', value: 'Qatar' },\n { label: 'Republic of North Macedonia', value: 'Republic of North Macedonia' },\n { label: 'Romania', value: 'Romania' },\n { label: 'Russian Federation (the)', value: 'Russian Federation (the)' },\n { label: 'Rwanda', value: 'Rwanda' },\n { label: 'Réunion', value: 'Réunion' },\n { label: 'Saint Barthélemy', value: 'Saint Barthélemy' },\n {\n label: 'Saint Helena, Ascension and Tristan da Cunha',\n value: 'Saint Helena, Ascension and Tristan da Cunha',\n },\n { label: 'Saint Kitts and Nevis', value: 'Saint Kitts and Nevis' },\n { label: 'Saint Lucia', value: 'Saint Lucia' },\n { label: 'Saint Martin (French part)', value: 'Saint Martin (French part)' },\n { label: 'Saint Pierre and Miquelon', value: 'Saint Pierre and Miquelon' },\n {\n label: 'Saint Vincent and the Grenadines',\n value: 'Saint Vincent and the Grenadines',\n },\n { label: 'Samoa', value: 'Samoa' },\n { label: 'San Marino', value: 'San Marino' },\n { label: 'Sao Tome and Principe', value: 'Sao Tome and Principe' },\n { label: 'Saudi Arabia', value: 'Saudi Arabia' },\n { label: 'Senegal', value: 'Senegal' },\n { label: 'Serbia', value: 'Serbia' },\n { label: 'Seychelles', value: 'Seychelles' },\n { label: 'Sierra Leone', value: 'Sierra Leone' },\n { label: 'Singapore', value: 'Singapore' },\n { label: 'Sint Maarten (Dutch part)', value: 'Sint Maarten (Dutch part)' },\n { label: 'Slovakia', value: 'Slovakia' },\n { label: 'Slovenia', value: 'Slovenia' },\n { label: 'Solomon Islands', value: 'Solomon Islands' },\n { label: 'Somalia', value: 'Somalia' },\n { label: 'South Africa', value: 'South Africa' },\n {\n label: 'South Georgia and the South Sandwich Islands',\n value: 'South Georgia and the South Sandwich Islands',\n },\n { label: 'South Sudan', value: 'South Sudan' },\n { label: 'Spain', value: 'Spain' },\n { label: 'Sri Lanka', value: 'Sri Lanka' },\n { label: 'Sudan (the)', value: 'Sudan (the)' },\n { label: 'Suriname', value: 'Suriname' },\n { label: 'Svalbard and Jan Mayen', value: 'Svalbard and Jan Mayen' },\n { label: 'Sweden', value: 'Sweden' },\n { label: 'Switzerland', value: 'Switzerland' },\n { label: 'Syrian Arab Republic', value: 'Syrian Arab Republic' },\n { label: 'Taiwan', value: 'Taiwan' },\n { label: 'Tajikistan', value: 'Tajikistan' },\n { label: 'Tanzania, United Republic of', value: 'Tanzania, United Republic of' },\n { label: 'Thailand', value: 'Thailand' },\n { label: 'Timor-Leste', value: 'Timor-Leste' },\n { label: 'Togo', value: 'Togo' },\n { label: 'Tokelau', value: 'Tokelau' },\n { label: 'Tonga', value: 'Tonga' },\n { label: 'Trinidad and Tobago', value: 'Trinidad and Tobago' },\n { label: 'Tunisia', value: 'Tunisia' },\n { label: 'Turkey', value: 'Turkey' },\n { label: 'Turkmenistan', value: 'Turkmenistan' },\n { label: 'Turks and Caicos Islands (the)', value: 'Turks and Caicos Islands (the)' },\n { label: 'Tuvalu', value: 'Tuvalu' },\n { label: 'Uganda', value: 'Uganda' },\n { label: 'Ukraine', value: 'Ukraine' },\n { label: 'United Arab Emirates (the)', value: 'United Arab Emirates (the)' },\n {\n label: 'United Kingdom of Great Britain and Northern Ireland (the)',\n value: 'United Kingdom of Great Britain and Northern Ireland (the)',\n },\n {\n label: 'United States Minor Outlying Islands (the)',\n value: 'United States Minor Outlying Islands (the)',\n },\n { label: 'Uruguay', value: 'Uruguay' },\n { label: 'Uzbekistan', value: 'Uzbekistan' },\n { label: 'Vanuatu', value: 'Vanuatu' },\n {\n label: 'Venezuela (Bolivarian Republic of)',\n value: 'Venezuela (Bolivarian Republic of)',\n },\n { label: 'Viet Nam', value: 'Viet Nam' },\n { label: 'Virgin Islands (British)', value: 'Virgin Islands (British)' },\n { label: 'Virgin Islands (U.S.)', value: 'Virgin Islands (U.S.)' },\n { label: 'Wallis and Futuna', value: 'Wallis and Futuna' },\n { label: 'Western Sahara', value: 'Western Sahara' },\n { label: 'Yemen', value: 'Yemen' },\n { label: 'Zambia', value: 'Zambia' },\n { label: 'Zimbabwe', value: 'Zimbabwe' },\n { label: 'Åland Islands', value: 'Åland Islands' },\n];\n\nexport const TwoCharCountryData = [\n { value: 'US', label: 'United States of America (the)' },\n { value: 'AF', label: 'Afghanistan' },\n { value: 'AL', label: 'Albania' },\n { value: 'DZ', label: 'Algeria' },\n { value: 'AS', label: 'American Samoa' },\n { value: 'AD', label: 'Andorra' },\n { value: 'AO', label: 'Angola' },\n { value: 'AI', label: 'Anguilla' },\n { value: 'AQ', label: 'Antarctica' },\n { value: 'AG', label: 'Antigua and Barbuda' },\n { value: 'AR', label: 'Argentina' },\n { value: 'AM', label: 'Armenia' },\n { value: 'AW', label: 'Aruba' },\n { value: 'AU', label: 'Australia' },\n { value: 'AT', label: 'Austria' },\n { value: 'AZ', label: 'Azerbaijan' },\n { value: 'BS', label: 'Bahamas (the)' },\n { value: 'BH', label: 'Bahrain' },\n { value: 'BD', label: 'Bangladesh' },\n { value: 'BB', label: 'Barbados' },\n { value: 'BY', label: 'Belarus' },\n { value: 'BE', label: 'Belgium' },\n { value: 'BZ', label: 'Belize' },\n { value: 'BJ', label: 'Benin' },\n { value: 'BM', label: 'Bermuda' },\n { value: 'BT', label: 'Bhutan' },\n { value: 'BO', label: 'Bolivia (Plurinational State of)' },\n { value: 'BQ', label: 'Bonaire, Sint Eustatius and Saba' },\n { value: 'BA', label: 'Bosnia and Herzegovina' },\n { value: 'BW', label: 'Botswana' },\n { value: 'BV', label: 'Bouvet Island' },\n { value: 'BR', label: 'Brazil' },\n { value: 'IO', label: 'British Indian Ocean Territory (the)' },\n { value: 'BN', label: 'Brunei Darussalam' },\n { value: 'BG', label: 'Bulgaria' },\n { value: 'BF', label: 'Burkina Faso' },\n { value: 'BI', label: 'Burundi' },\n { value: 'CV', label: 'Cabo Verde' },\n { value: 'KH', label: 'Cambodia' },\n { value: 'CM', label: 'Cameroon' },\n { value: 'CA', label: 'Canada' },\n { value: 'KY', label: 'Cayman Islands (the)' },\n { value: 'CF', label: 'Central African Republic (the)' },\n { value: 'TD', label: 'Chad' },\n { value: 'CL', label: 'Chile' },\n { value: 'CN', label: 'China' },\n { value: 'CX', label: 'Christmas Island' },\n { value: 'CC', label: 'Cocos (Keeling) Islands (the)' },\n { value: 'CO', label: 'Colombia' },\n { value: 'KM', label: 'Comoros (the)' },\n { value: 'CD', label: 'Congo (the Democratic Republic of the)' },\n { value: 'CG', label: 'Congo (the)' },\n { value: 'CK', label: 'Cook Islands (the)' },\n { value: 'CR', label: 'Costa Rica' },\n { value: 'HR', label: 'Croatia' },\n { value: 'CU', label: 'Cuba' },\n { value: 'CW', label: 'Curaçao' },\n { value: 'CY', label: 'Cyprus' },\n { value: 'CZ', label: 'Czechia' },\n { value: 'CI', label: \"Côte d'Ivoire\" },\n { value: 'DK', label: 'Denmark' },\n { value: 'DJ', label: 'Djibouti' },\n { value: 'DM', label: 'Dominica' },\n { value: 'DO', label: 'Dominican Republic (the)' },\n { value: 'EC', label: 'Ecuador' },\n { value: 'EG', label: 'Egypt' },\n { value: 'SV', label: 'El Salvador' },\n { value: 'GQ', label: 'Equatorial Guinea' },\n { value: 'ER', label: 'Eritrea' },\n { value: 'EE', label: 'Estonia' },\n { value: 'SZ', label: 'Eswatini' },\n { value: 'ET', label: 'Ethiopia' },\n { value: 'FK', label: 'Falkland Islands (the) [Malvinas]' },\n { value: 'FO', label: 'Faroe Islands (the)' },\n { value: 'FJ', label: 'Fiji' },\n { value: 'FI', label: 'Finland' },\n { value: 'FR', label: 'France' },\n { value: 'GF', label: 'French Guiana' },\n { value: 'PF', label: 'French Polynesia' },\n { value: 'TF', label: 'French Southern Territories (the)' },\n { value: 'GA', label: 'Gabon' },\n { value: 'GM', label: 'Gambia (the)' },\n { value: 'GE', label: 'Georgia' },\n { value: 'DE', label: 'Germany' },\n { value: 'GH', label: 'Ghana' },\n { value: 'GI', label: 'Gibraltar' },\n { value: 'GR', label: 'Greece' },\n { value: 'GL', label: 'Greenland' },\n { value: 'GD', label: 'Grenada' },\n { value: 'GP', label: 'Guadeloupe' },\n { value: 'GU', label: 'Guam' },\n { value: 'GT', label: 'Guatemala' },\n { value: 'GG', label: 'Guernsey' },\n { value: 'GN', label: 'Guinea' },\n { value: 'GW', label: 'Guinea-Bissau' },\n { value: 'GY', label: 'Guyana' },\n { value: 'HT', label: 'Haiti' },\n { value: 'HM', label: 'Heard Island and McDonald Islands' },\n { value: 'VA', label: 'Holy See (the)' },\n { value: 'HN', label: 'Honduras' },\n { value: 'HK', label: 'Hong Kong' },\n { value: 'HU', label: 'Hungary' },\n { value: 'IS', label: 'Iceland' },\n { value: 'IN', label: 'India' },\n { value: 'ID', label: 'Indonesia' },\n { value: 'IR', label: 'Iran (Islamic Republic of)' },\n { value: 'IQ', label: 'Iraq' },\n { value: 'IE', label: 'Ireland' },\n { value: 'IM', label: 'Isle of Man' },\n { value: 'IL', label: 'Israel' },\n { value: 'IT', label: 'Italy' },\n { value: 'JM', label: 'Jamaica' },\n { value: 'JP', label: 'Japan' },\n { value: 'JE', label: 'Jersey' },\n { value: 'JO', label: 'Jordan' },\n { value: 'KZ', label: 'Kazakhstan' },\n { value: 'KE', label: 'Kenya' },\n { value: 'KI', label: 'Kiribati' },\n { value: 'KP', label: \"Korea (the Democratic People's Republic of)\" },\n { value: 'KR', label: 'Korea (the Republic of)' },\n { value: 'KW', label: 'Kuwait' },\n { value: 'KG', label: 'Kyrgyzstan' },\n { value: 'LA', label: \"Lao People's Democratic Republic (the)\" },\n { value: 'LV', label: 'Latvia' },\n { value: 'LB', label: 'Lebanon' },\n { value: 'LS', label: 'Lesotho' },\n { value: 'LR', label: 'Liberia' },\n { value: 'LY', label: 'Libya' },\n { value: 'LI', label: 'Liechtenstein' },\n { value: 'LT', label: 'Lithuania' },\n { value: 'LU', label: 'Luxembourg' },\n { value: 'MO', label: 'Macao' },\n { value: 'MG', label: 'Madagascar' },\n { value: 'MW', label: 'Malawi' },\n { value: 'MY', label: 'Malaysia' },\n { value: 'MV', label: 'Maldives' },\n { value: 'ML', label: 'Mali' },\n { value: 'MT', label: 'Malta' },\n { value: 'MH', label: 'Marshall Islands (the)' },\n { value: 'MQ', label: 'Martinique' },\n { value: 'MR', label: 'Mauritania' },\n { value: 'MU', label: 'Mauritius' },\n { value: 'YT', label: 'Mayotte' },\n { value: 'MX', label: 'Mexico' },\n { value: 'FM', label: 'Micronesia (Federated States of)' },\n { value: 'MD', label: 'Moldova (the Republic of)' },\n { value: 'MC', label: 'Monaco' },\n { value: 'MN', label: 'Mongolia' },\n { value: 'ME', label: 'Montenegro' },\n { value: 'MS', label: 'Montserrat' },\n { value: 'MA', label: 'Morocco' },\n { value: 'MZ', label: 'Mozambique' },\n { value: 'MM', label: 'Myanmar' },\n { value: 'NA', label: 'Namibia' },\n { value: 'NR', label: 'Nauru' },\n { value: 'NP', label: 'Nepal' },\n { value: 'NL', label: 'Netherlands (the)' },\n { value: 'NC', label: 'New Caledonia' },\n { value: 'NZ', label: 'New Zealand' },\n { value: 'NI', label: 'Nicaragua' },\n { value: 'NE', label: 'Niger (the)' },\n { value: 'NG', label: 'Nigeria' },\n { value: 'NU', label: 'Niue' },\n { value: 'NF', label: 'Norfolk Island' },\n { value: 'MP', label: 'Northern Mariana Islands (the)' },\n { value: 'NO', label: 'Norway' },\n { value: 'OM', label: 'Oman' },\n { value: 'PK', label: 'Pakistan' },\n { value: 'PW', label: 'Palau' },\n { value: 'PS', label: 'Palestine, State of' },\n { value: 'PA', label: 'Panama' },\n { value: 'PG', label: 'Papua New Guinea' },\n { value: 'PY', label: 'Paraguay' },\n { value: 'PE', label: 'Peru' },\n { value: 'PH', label: 'Philippines (the)' },\n { value: 'PN', label: 'Pitcairn' },\n { value: 'PL', label: 'Poland' },\n { value: 'PT', label: 'Portugal' },\n { value: 'PR', label: 'Puerto Rico' },\n { value: 'QA', label: 'Qatar' },\n { value: 'MK', label: 'Republic of North Macedonia' },\n { value: 'RO', label: 'Romania' },\n { value: 'RU', label: 'Russian Federation (the)' },\n { value: 'RW', label: 'Rwanda' },\n { value: 'RE', label: 'Réunion' },\n { value: 'BL', label: 'Saint Barthélemy' },\n { value: 'SH', label: 'Saint Helena, Ascension and Tristan da Cunha' },\n { value: 'KN', label: 'Saint Kitts and Nevis' },\n { value: 'LC', label: 'Saint Lucia' },\n { value: 'MF', label: 'Saint Martin (French part)' },\n { value: 'PM', label: 'Saint Pierre and Miquelon' },\n { value: 'VC', label: 'Saint Vincent and the Grenadines' },\n { value: 'WS', label: 'Samoa' },\n { value: 'SM', label: 'San Marino' },\n { value: 'ST', label: 'Sao Tome and Principe' },\n { value: 'SA', label: 'Saudi Arabia' },\n { value: 'SN', label: 'Senegal' },\n { value: 'RS', label: 'Serbia' },\n { value: 'SC', label: 'Seychelles' },\n { value: 'SL', label: 'Sierra Leone' },\n { value: 'SG', label: 'Singapore' },\n { value: 'SX', label: 'Sint Maarten (Dutch part)' },\n { value: 'SK', label: 'Slovakia' },\n { value: 'SI', label: 'Slovenia' },\n { value: 'SB', label: 'Solomon Islands' },\n { value: 'SO', label: 'Somalia' },\n { value: 'ZA', label: 'South Africa' },\n { value: 'GS', label: 'South Georgia and the South Sandwich Islands' },\n { value: 'SS', label: 'South Sudan' },\n { value: 'ES', label: 'Spain' },\n { value: 'LK', label: 'Sri Lanka' },\n { value: 'SD', label: 'Sudan (the)' },\n { value: 'SR', label: 'Suriname' },\n { value: 'SJ', label: 'Svalbard and Jan Mayen' },\n { value: 'SE', label: 'Sweden' },\n { value: 'CH', label: 'Switzerland' },\n { value: 'SY', label: 'Syrian Arab Republic' },\n { value: 'TW', label: 'Taiwan' },\n { value: 'TJ', label: 'Tajikistan' },\n { value: 'TZ', label: 'Tanzania, United Republic of' },\n { value: 'TH', label: 'Thailand' },\n { value: 'TL', label: 'Timor-Leste' },\n { value: 'TG', label: 'Togo' },\n { value: 'TK', label: 'Tokelau' },\n { value: 'TO', label: 'Tonga' },\n { value: 'TT', label: 'Trinidad and Tobago' },\n { value: 'TN', label: 'Tunisia' },\n { value: 'TR', label: 'Turkey' },\n { value: 'TM', label: 'Turkmenistan' },\n { value: 'TC', label: 'Turks and Caicos Islands (the)' },\n { value: 'TV', label: 'Tuvalu' },\n { value: 'UG', label: 'Uganda' },\n { value: 'UA', label: 'Ukraine' },\n { value: 'AE', label: 'United Arab Emirates (the)' },\n { value: 'GB', label: 'United Kingdom of Great Britain and Northern Ireland (the)' },\n { value: 'UM', label: 'United States Minor Outlying Islands (the)' },\n { value: 'UY', label: 'Uruguay' },\n { value: 'UZ', label: 'Uzbekistan' },\n { value: 'VU', label: 'Vanuatu' },\n { value: 'VE', label: 'Venezuela (Bolivarian Republic of)' },\n { value: 'VN', label: 'Viet Nam' },\n { value: 'VG', label: 'Virgin Islands (British)' },\n { value: 'VI', label: 'Virgin Islands (U.S.)' },\n { value: 'WF', label: 'Wallis and Futuna' },\n { value: 'EH', label: 'Western Sahara' },\n { value: 'YE', label: 'Yemen' },\n { value: 'ZM', label: 'Zambia' },\n { value: 'ZW', label: 'Zimbabwe' },\n { value: 'AX', label: 'Åland Islands' },\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 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","// 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: '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: 'Utah', label: 'Utah', 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 };","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 default {\n paperos: ['PaperOS', process.env.REACT_APP_STRIPE_KEY],\n develop: ['Develop', process.env.REACT_APP_TEST_STRIPE_KEY],\n rams: [\n 'Rams',\n ((window.location.href.includes('demo.rams') ||\n window.location.href.includes('localhost')) &&\n process.env.REACT_APP_RAMS_TEST_STRIPE_KEY) ||\n process.env.REACT_APP_RAMS_STRIPE_KEY,\n ],\n};\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 { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\n// import { isEmpty } from 'lodash';\nimport React, { useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\n\nimport './DocRecipientsModal.scss';\nimport { Button, MyModal } from '../common';\nimport {\n addDocumentRecipient,\n removeDocumentRecipient,\n} from '../../redux/modules/Document/operations';\nimport { InputStyledTextField } from '../inputs';\nimport { isFetchingWithHooks } from '../../redux/modules/Document/selectors';\nimport { validateEmail } from '../../utils/FeatureTypes';\nimport { setNotice } from '../../redux/modules/UI/actions';\n// import { useParams } from 'react-router-dom';\n\nconst DocRecipientsModal = ({\n documentLabel,\n document,\n accessCode,\n isOpen,\n handleClose,\n}) => {\n const { email_recipients = [], recipients = [] } = document;\n const dispatch = useDispatch();\n\n const [name, setName] = useState('');\n const [email, setEmail] = useState('');\n const [emailErr, setEmailErr] = useState('');\n const [role, setRole] = useState('Signer');\n const [error, setError] = useState([]);\n const isFetching = useSelector(isFetchingWithHooks);\n\n const onClose = () => {\n setName('');\n setEmail('');\n setRole('Signer');\n setError('');\n handleClose();\n };\n\n const addRecipient = (actionType, body, recipientId) => {\n setError('');\n if (!name || !email || !role) {\n setError('Please fill out all fields.');\n return;\n }\n dispatch(\n addDocumentRecipient({\n email,\n document_id: document.id,\n metadata: {\n name,\n role,\n },\n }),\n ).then(\n p => {\n dispatch(setNotice(p?.message || `${name} connected to document`));\n onClose();\n },\n err => setError(''),\n );\n };\n\n const handleEmailValidation = ev => {\n setEmailErr(validateEmail(ev.target.value));\n };\n\n const removeRecipient = (name, recipientId) => {\n const message = `Are you sure you want to remove ${name} as a recipient? They will no longer be able to view this document in their User Dashboard.`;\n\n if (window.confirm(message)) {\n dispatch(removeDocumentRecipient(recipientId)).then(p => onClose());\n }\n };\n\n return (\n \n \n
View Document Recipients \n
\n Any recipient connected to {document.filename} can view this document\n in their User Dashboard.\n
\n
\n
\n
\n
Recipients \n \n
\n {email_recipients.length === 0 && recipients.length === 0 && (\n
\n
No Recipients Found.
\n
\n )}\n {recipients.map(recipient => (\n
\n \n
{recipient.email} \n
{recipient.first_name + ' ' + recipient.last_name}
\n
\n \n ))}\n {email_recipients.map(recipient => {\n const metadata = JSON.parse(recipient.metadata);\n return (\n
\n \n
{recipient.email} \n
{metadata.name}
\n
removeRecipient(metadata.name, recipient.id)}\n size=\"sm\"\n >\n \n
New Recipient \n {\n setName(e.target.value);\n }}\n value={name}\n />\n {\n setEmail(e.target.value);\n }}\n onBlur={handleEmailValidation}\n type=\"email\"\n value={email}\n />\n {\n setRole(e.target.value);\n }}\n type=\"role\"\n value={role}\n />\n {!!error && {error} }\n \n \n \n Close\n \n \n
\n \n \n );\n};\n\nexport default DocRecipientsModal;\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-es/get';\nimport SortDropdown from '../SortDropdown';\nimport {\n documentsSortOptions,\n userDocumentsSortOptions,\n} from '../../utils/DocumentsSortOptions';\nimport { InputStyledTextField } from '../inputs';\nimport DocRecipientsModal from '../DocRecipientsModal';\nimport { isEmpty } from 'lodash';\nimport { getAllDocuments } from '../../redux/modules/Document/operations';\nimport { BrandMeta } from '../../redux/modules/UI/selectors';\n\nconst DocumentsSection = ({\n accessCode,\n accountId,\n documentsRef,\n hideToken,\n initialDocsShowing = 5,\n isAllDocuments,\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 readOnly,\n documents,\n roomId,\n}) => {\n const dispatch = useDispatch();\n const brandMeta = useSelector(BrandMeta);\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 [docRecipientsModalDocument, setDocRecipientsModalDocument] = useState({});\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 const handleOpenDocRecipientsModal = (ev, myDocument) => {\n ev.preventDefault();\n setDocRecipientsModalDocument(myDocument);\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 setDocRecipientsModalDocument({});\n if (isAllDocuments) {\n dispatch(getAllDocuments());\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 readOnly,\n moduleId,\n myDocuments,\n roomId,\n openDocRecipientsModal,\n webBaseUrl,\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\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 let 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(`${webBaseUrl}/data-room/${roomCode}`);\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 action: 'download_document',\n box_file_id: box_file_id,\n type: 'download',\n label: `Downloaded ${customerLabel || fileLabel}`,\n sublabel: !!customerLabel ? 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\n const isSigned =\n recipients.findIndex(\n v =>\n v.signed &&\n [\n (currentUser?.email || '').toLowerCase(),\n isAdmin ? '' : (limitedUserEmail || '').toLowerCase(),\n ].includes(v.email.toLowerCase()),\n ) !== -1;\n const isRecipient =\n recipients.findIndex(v =>\n [\n (currentUser?.email || '').toLowerCase(),\n isAdmin ? '' : (limitedUserEmail || '').toLowerCase(),\n ].includes(v.email.toLowerCase()),\n ) !== -1;\n let filteredRecipients = [];\n recipients.forEach(el => {\n const isSignee = [\n (currentUser?.email || '').toLowerCase(),\n isAdmin ? '' : (limitedUserEmail || '').toLowerCase(),\n ].includes(el.email.toLowerCase());\n\n if (isAdmin) {\n if (isDataRoom && isSimpleTable && isRecipient && !isSigned && !isSignee) {\n return null;\n }\n if (isSimpleTable && !el.signature_link) {\n return null;\n }\n filteredRecipients.push(el);\n } else if (isSignee && !isSigned) {\n filteredRecipients.push(el);\n }\n });\n const isRecipientsShowing = stateText !== 'Completed' && filteredRecipients.length > 0;\n let isSimpleRow = isSimpleTable;\n\n if (isSimpleTable && isAdmin && filteredRecipients.length > 1) {\n isSimpleRow = false;\n }\n\n const updatedUrl = `${webBaseUrl}/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 && !readOnly;\n const boxFileId = box_file_id || previewBoxFileId;\n\n if (isSigned && stateText === 'Awaiting Signature') {\n stateText = 'Awaiting Other Signatures';\n }\n if (isSigned && stateText === 'Viewed' && isSigned && isSimpleRow) {\n stateText = 'Awaiting Other Signatures';\n }\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 {!isSimpleRow &&
Recipients }\n {filteredRecipients.map(recipient => (\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 openDocRecipientsModal(ev, myDocument)}\n size=\"sm\"\n tooltip=\"Edit Recipients\"\n >\n
\n )}\n {isDownloadShowing && (\n
\n \n openDocRecipientsModal(ev, myDocument)}\n size=\"sm\"\n tooltip=\"Edit Recipients\"\n >\n
\n )}\n {isEditing && (\n
\n \n \n \n openDocRecipientsModal(ev, myDocument)}\n size=\"sm\"\n tooltip=\"Edit Recipients\"\n >\n
\n )}\n
\n {isSimpleTable && !!signature_link && (\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","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 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 React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport './Tooltip.scss';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport UseWindowSize from '../../../utils/UseWindowSize';\n\nconst Tooltip = ({ children, text, align = 'left', position = 'top' }) => {\n return (\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","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, MyModal } 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 { 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 partnerCoverage,\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 const brandMeta = useSelector(BrandMeta);\n\n const [isFAQCollapsed, setIsFAQCollapsed] = useState(window.innerHeight < 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 {(!!feesCoveredBy && `Covered By ${feesCoveredBy} -`) ||\n '$' + addon.amount + '/'}\n {(!!feesCoveredBy && ' ') ||\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 {(!!feesCoveredBy && `Covered By ${feesCoveredBy} -`) ||\n (fee.is_annual && fee.amount) ||\n '$' + fee.amount}{' '}\n \n {`${fee.label} Fee `}\n {!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 navigator.clipboard\n .writeText(`${brandMeta.web_base_url}/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 navigator.clipboard\n .writeText(`${brandMeta.web_base_url}/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 navigator.clipboard\n .writeText(\n `${brandMeta.web_base_url}/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 {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","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 {sublabel} \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 readOnly,\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 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 const [isAutofilledWithoutVal, setIsAutofilledWithoutVal] = useState(false);\n\n const wrapperClasses = classnames(bem('wrapper'), {\n [bem('wrapper--error')]: !!error && !isAutofilledWithoutVal,\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\n useEffect(() => {\n const trimVal = value.trim();\n if (!isActive && (trimVal || (!trimVal && inputPlaceholder))) {\n setIsActive(true);\n }\n }, [isActive, value, inputPlaceholder]);\n\n useEffect(() => {\n /**\n * The field can be prefilled on the very first page loading by the browser\n * By the security reason browser limits access to the field value from JS level and the value becomes available\n * only after first user interaction with the page\n * So, even if the input value shows as empty\n * it actually can have some value, which is why this is needed\n */\n const checkAutofilled = () => {\n const doc = document.getElementById('email');\n const autofilled = !!doc?.matches('*:-webkit-autofill');\n setIsAutofilledWithoutVal(autofilled && !doc.value);\n };\n // The time when it's ready is not very stable, so check few times\n const timeout1 = setTimeout(checkAutofilled, 500);\n const timeout2 = setTimeout(checkAutofilled, 1000);\n const timeout3 = setTimeout(checkAutofilled, 2000);\n\n return () => {\n clearTimeout(timeout1);\n clearTimeout(timeout2);\n clearTimeout(timeout3);\n };\n }, []);\n\n return (\n \n \n {label && (\n
\n {label}\n {!!isRequired && * }\n {questionHelp && {\n setIsAutofilledWithoutVal(false);\n if (onKeyPress) {\n onKeyPress(ev);\n } else if (ev.key === 'Enter') {\n onBlur(ev);\n }\n }}\n onFocus={ev => {\n if (isAutofilledWithoutVal && !!ev.target.value) {\n setIsAutofilledWithoutVal(false);\n }\n setIsActive(true);\n if (ev.target.value !== value) {\n onChange(ev);\n }\n onFocus(ev);\n }}\n onBlur={ev => {\n if (isAutofilledWithoutVal && !!ev.target.value) {\n setIsAutofilledWithoutVal(false);\n }\n if (!ev.target.value) {\n setIsActive(false);\n }\n if (ev.target.value.trim() === savedValue) {\n return;\n }\n onBlur(ev);\n }}\n onChange={ev => {\n setIsAutofilledWithoutVal(false);\n onChange(ev);\n }}\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","export { default, CompanyTable } from './DataTable';\n","export default __webpack_public_path__ + \"static/media/savvi_logo.35b46257.svg\";","const mercuryBankStatusDict = {\n approved: 'low',\n pending: 'med',\n application_submitted: 'med',\n referred: 'med',\n rejected: 'high',\n information_requested: 'high',\n};\n\nexport default mercuryBankStatusDict;\n","import React, { useMemo, useState } from 'react';\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, MyModal, 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';\nimport { BrandMeta } from '../../redux/modules/UI/selectors';\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 brandMeta = useSelector(BrandMeta);\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('strict')}\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 navigator.clipboard\n .writeText(`${brandMeta.web_base_url}/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
\n {(user.name !== 'Anonymous' && user.codes.length > 0 && 'Yes') ||\n 'No'}\n
\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 navigator.clipboard\n .writeText(\n `${brandMeta.web_base_url}/api/redirect/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 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 const brandMeta = useSelector(BrandMeta);\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 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 navigator.clipboard\n .writeText(`${brandMeta.web_base_url}${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 navigator.clipboard\n .writeText(`${brandMeta.web_base_url}${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 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 SortDropdown from '../SortDropdown';\nimport { Button, MyModal, 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';\nimport { BrandMeta } from '../../redux/modules/UI/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 historyIconDict = {\n visit: 'clock',\n view_document: 'magnifying-glass',\n download: 'file-arrow-down',\n download_document: 'file-arrow-down',\n visit_form: 'file-alt',\n visit_room: 'magnifying-glass',\n remove_table: 'layer-minus',\n remove_record: 'user-minus',\n remove_field: 'pen-slash',\n remove_report: 'users-slash',\n remove_room_link: 'link-simple-slash',\n add_document: 'file-upload',\n add_record: 'user-plus',\n add_fields: 'layer-plus',\n add_report: 'rectangle-history-circle-plus',\n update_room_name: 'pen-to-square',\n update_table_name: 'pen-field',\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 brandMeta = useSelector(BrandMeta);\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 \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 navigator.clipboard\n .writeText(`${brandMeta.web_base_url}/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: {\n action,\n label,\n sublabel,\n customer_label, // old history items use this\n file_label = 'Document', // old history items use this\n } = {},\n } = item;\n\n const mainLabel = customer_label || file_label;\n const itemLabel =\n label ||\n (action === 'view' && `Viewed ${mainLabel}`) ||\n (action === 'download' && `Downloaded ${mainLabel}`) ||\n (action === 'visit_form' && 'Visited Room Standing Form') ||\n 'Visited Room';\n const itemSublabel = sublabel || (!!customer_label && file_label) || '';\n\n return (\n
\n \n \n
\n {itemLabel}\n {/* {box_file_id && (\n <>\n {` (`}\n \n {!!itemSublabel &&
{itemSublabel}
}\n
{dayjs(created_at).format('LLL')}
\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 readOnly,\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 ).sort((a, b) => {\n // Move drafts to the bottom\n if (a?.is_draft && !b?.is_draft) return 1;\n if (!a?.is_draft && b?.is_draft) return -1;\n\n // Sort alphabetically by label\n return (a.label || '').localeCompare(b.label || '');\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 } else if (feature_type === 'email') {\n return FeatureTypes[feature_type].validate(val);\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\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 =\n (!isNew && !!required) || (isNew && !!new_require) || feature_type === 'email';\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 exchangeToken={feature.exchange_token}\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 readOnly={readOnly}\n resource_id={resourceId}\n resource_name={resourceName}\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","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\nexport const GET_USER_REPORTS_REQUEST = 'savvi/user/GET_USER_REPORTS_REQUEST';\nexport const GET_USER_REPORTS_SUCCESS = 'savvi/user/GET_USER_REPORTS_SUCCESS';\nexport const GET_USER_REPORTS_FAILED = 'savvi/user/GET_USER_REPORTS_FAILED';\nexport const SET_USER_REPORTS = 'savvi/user/SET_USER_REPORTS';\n","import React, { useState } from 'react';\n\nimport './DocumentPreview.scss';\nimport { MyModal } from '../common';\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 React, { useMemo, useState } from 'react';\nimport { useHistory, useParams } from 'react-router-dom';\nimport { Document, Page } from 'react-pdf';\nimport { useDispatch, useSelector } from 'react-redux';\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, MyModal, 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 = 'med';\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 fetchTemporaryUserReportsToken,\n uploadBoxFile,\n getParsedFolderPath,\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 account_transaction_id,\n exchangeToken,\n fileId,\n getBoxTokenFolderId,\n getBoxFileForDataRoom,\n getTemporaryUserReportsToken,\n getParsedFolderPath,\n path,\n reports_feature_type_id,\n resource_id,\n } = this.props;\n\n if (path && !fileId) {\n if (account_transaction_id) {\n getParsedFolderPath(account_transaction_id, path).then(\n p =>\n getBoxTokenFolderId(p.value).then(\n payload => {\n this.setState({\n isInitialFetching: false,\n folder: payload.upload_folder_id,\n });\n },\n err => this.setState({ err }),\n ),\n error =>\n getBoxTokenFolderId(path).then(\n payload => {\n this.setState({\n isInitialFetching: false,\n folder: payload.upload_folder_id,\n });\n },\n err => this.setState({ err }),\n ),\n );\n } else {\n getBoxTokenFolderId(path).then(\n payload => {\n this.setState({\n isInitialFetching: false,\n folder: payload.upload_folder_id,\n });\n },\n err => this.setState({ err }),\n );\n }\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 if (exchangeToken && fileId) {\n getTemporaryUserReportsToken(fileId, exchangeToken).then(tempUserToken =>\n this.setState({ isInitialFetching: false, tempUserToken }),\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 exchangeToken,\n feature_type_id,\n filename,\n fileId,\n handleGotoCabinet,\n isDisabled,\n isLocked,\n label: passedLabel,\n reports_feature_type_id,\n multiEntry,\n onUpload,\n push,\n readOnly,\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 tempUserToken,\n } = this.state;\n\n let collection = [];\n if (fileId && fileId.includes('|')) {\n collection = fileId.split('|');\n }\n const token = tempUserToken || boxToken;\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 let customLabel = !!passedLabel ? `${passedLabel} (${resource_name})` : '';\n let action = 'view_document';\n let type = 'view';\n let label = 'Viewed ';\n let sublabel = !!customLabel ? filename : '';\n if (!!e.data.download_url) {\n action = 'download_document';\n type = 'download';\n label = 'Downloaded ';\n }\n label += customLabel || filename;\n this.setState({ isDocViewed: true });\n createRoomHistory(\n access_code,\n {\n box_file_id: fileId,\n action,\n type,\n label,\n sublabel,\n },\n roomId,\n );\n }\n return e;\n };\n\n if (\n !isInitialFetching &&\n !token &&\n !folder &&\n !reports_feature_type_id &&\n !exchangeToken\n ) {\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 {!!token && fileId && (!isLocked || !!exchangeToken) && (\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 {!!token && (\n <>\n {\n if (!multiEntry) {\n setTimeout(() =>\n this.uploaderRef.current.lastElementChild.lastElementChild.lastElementChild.click(),\n );\n }\n }}\n token={token}\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 && token && !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={token}\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 getTemporaryUserReportsToken: (boxFileId, exchangeToken) =>\n dispatch(fetchTemporaryUserReportsToken(boxFileId, exchangeToken)),\n getParsedFolderPath: (transactionId, token) =>\n dispatch(getParsedFolderPath(transactionId, token)),\n});\n\nconst enhance = connect(mapStateToProps, mapDispatchToProps);\nexport default enhance(FileUploader);\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 PaperOS'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","export const ADD_METHOD_REQUEST = 'savvi/billing/ADD_METHOD_REQUEST';\nexport const ADD_METHOD_SUCCESS = 'savvi/billing/ADD_METHOD_SUCCESS';\nexport const ADD_METHOD_FAILED = 'savvi/billing/ADD_METHOD_FAILED';\nexport const ADD_METHODV2_REQUEST = 'savvi/billing/ADD_METHODV2_REQUEST';\nexport const ADD_METHODV2_SUCCESS = 'savvi/billing/ADD_METHODV2_SUCCESS';\nexport const ADD_METHODV2_FAILED = 'savvi/billing/ADD_METHODV2_FAILED';\n\nexport const ADD_ACH_REQUEST = 'savvi/billing/ADD_ACH_REQUEST';\nexport const ADD_ACH_SUCCESS = 'savvi/billing/ADD_ACH_SUCCESS';\nexport const ADD_ACH_FAILED = 'savvi/billing/ADD_ACH_FAILED';\n\nexport const GET_PLAID_TOKEN_REQUEST = 'savvi/billing/GET_PLAID_TOKEN_REQUEST';\nexport const GET_PLAID_TOKEN_SUCCESS = 'savvi/billing/GET_PLAID_TOKEN_SUCCESS';\nexport const GET_PLAID_TOKEN_FAILED = 'savvi/billing/GET_PLAID_TOKEN_FAILED';\n\nexport const SAVE_PLAID_REQUEST = 'savvi/billing/SAVE_PLAID_REQUEST';\nexport const SAVE_PLAID_SUCCESS = 'savvi/billing/SAVE_PLAID_SUCCESS';\nexport const SAVE_PLAID_FAILED = 'savvi/billing/SAVE_PLAID_FAILED';\n\nexport const VERIFY_ACH_REQUEST = 'savvi/billing/VERIFY_ACH_REQUEST';\nexport const VERIFY_ACH_SUCCESS = 'savvi/billing/VERIFY_ACH_SUCCESS';\nexport const VERIFY_ACH_FAILED = 'savvi/billing/VERIFY_ACH_FAILED';\n\nexport const CLEAR_ERRORS = 'savvi/billing/CLEAR_ERRORS';\nexport const SET_ERROR = 'savvi/billing/SET_ERROR';\n\nexport const REMOVE_METHOD_REQUEST = 'savvi/billing/REMOVE_METHOD_REQUEST';\nexport const REMOVE_METHOD_SUCCESS = 'savvi/billing/REMOVE_METHOD_SUCCESS';\nexport const REMOVE_METHOD_FAILED = 'savvi/billing/REMOVE_METHOD_FAILED';\nexport const REMOVE_METHOD = 'savvi/billing/REMOVE_METHOD';\nexport const REMOVE_METHODV2_REQUEST = 'savvi/billing/REMOVE_METHODV2_REQUEST';\nexport const REMOVE_METHODV2_SUCCESS = 'savvi/billing/REMOVE_METHODV2_SUCCESS';\nexport const REMOVE_METHODV2_FAILED = 'savvi/billing/REMOVE_METHODV2_FAILED';\nexport const REMOVE_METHODV2 = 'savvi/billing/REMOVE_METHODV2';\n\nexport const GET_METHODS_REQUEST = 'savvi/billing/GET_METHODS_REQUEST';\nexport const GET_METHODS_SUCCESS = 'savvi/billing/GET_METHODS_SUCCESS';\nexport const GET_METHODS_FAILED = 'savvi/billing/GET_METHODS_FAILED';\nexport const GET_METHODSV2_REQUEST = 'savvi/billing/GET_METHODSV2_REQUEST';\nexport const GET_METHODSV2_SUCCESS = 'savvi/billing/GET_METHODSV2_SUCCESS';\nexport const GET_METHODSV2_FAILED = 'savvi/billing/GET_METHODSV2_FAILED';\n\nexport const GET_INVOICE_REQUEST = 'savvi/billing/GET_INVOICE_REQUEST';\nexport const GET_INVOICE_SUCCESS = 'savvi/billing/GET_INVOICE_SUCCESS';\nexport const GET_INVOICE_FAILED = 'savvi/billing/GET_INVOICE_FAILED';\nexport const SET_INVOICE = 'savvi/billing/SET_INVOICE';\nexport const GET_INVOICEV3_REQUEST = 'savvi/billing/GET_INVOICEV3_REQUEST';\nexport const GET_INVOICEV3_SUCCESS = 'savvi/billing/GET_INVOICEV3_SUCCESS';\nexport const GET_INVOICEV3_FAILED = 'savvi/billing/GET_INVOICEV3_FAILED';\nexport const SET_INVOICEV3 = 'savvi/billing/SET_INVOICEV3';\n\nexport const GET_SUBSCRIPTION_REQUEST = 'savvi/billing/GET_SUBSCRIPTION_REQUEST';\nexport const GET_SUBSCRIPTION_SUCCESS = 'savvi/billing/GET_SUBSCRIPTION_SUCCESS';\nexport const GET_SUBSCRIPTION_FAILED = 'savvi/billing/GET_SUBSCRIPTION_FAILED';\nexport const MERGE_SUBSCRIPTION = 'savvi/billing/SET_SUBSCRIPTION';\nexport const GET_SUBSCRIPTIONV2_REQUEST = 'savvi/billing/GET_SUBSCRIPTIONV2_REQUEST';\nexport const GET_SUBSCRIPTIONV2_SUCCESS = 'savvi/billing/GET_SUBSCRIPTIONV2_SUCCESS';\nexport const GET_SUBSCRIPTIONV2_FAILED = 'savvi/billing/GET_SUBSCRIPTIONV2_FAILED';\nexport const MERGE_SUBSCRIPTIONV2 = 'savvi/billing/MERGE_SUBSCRIPTIONV2';\nexport const SET_METHODS_BY_PARTNER = 'savvi/billing/SET_METHODS_BY_PARTNER';\n\nexport const SET_SUBSCRIPTION_REQUEST = 'savvi/billing/SET_SUBSCRIPTION_REQUEST';\nexport const SET_SUBSCRIPTION_SUCCESS = 'savvi/billing/SET_SUBSCRIPTION_SUCCESS';\nexport const SET_SUBSCRIPTION_FAILED = 'savvi/billing/SET_SUBSCRIPTION_FAILED';\nexport const SET_SUBSCRIPTIONV2_REQUEST = 'savvi/billing/SET_SUBSCRIPTIONV2_REQUEST';\nexport const SET_SUBSCRIPTIONV2_SUCCESS = 'savvi/billing/SET_SUBSCRIPTIONV2_SUCCESS';\nexport const SET_SUBSCRIPTIONV2_FAILED = 'savvi/billing/SET_SUBSCRIPTIONV2_FAILED';\n\nexport const DELETE_SUBSCRIPTION_REQUEST = 'savvi/billing/DELETE_SUBSCRIPTION_REQUEST';\nexport const DELETE_SUBSCRIPTION_SUCCESS = 'savvi/billing/DELETE_SUBSCRIPTION_SUCCESS';\nexport const DELETE_SUBSCRIPTION_FAILED = 'savvi/billing/DELETE_SUBSCRIPTION_FAILED';\n\nexport const GET_SUBSCRIPTION_PREVIEW_REQUEST =\n 'savvi/billing/GET_SUBSCRIPTION_PREVIEW_REQUEST';\nexport const GET_SUBSCRIPTION_PREVIEW_SUCCESS =\n 'savvi/billing/GET_SUBSCRIPTION_PREVIEW_SUCCESS';\nexport const GET_SUBSCRIPTION_PREVIEW_FAILED =\n 'savvi/billing/GET_SUBSCRIPTION_PREVIEW_FAILED';\nexport const SET_SUBSCRIPTION_PREVIEW = 'savvi/billing/SET_SUBSCRIPTION_PREVIEW';\n\nexport const GET_COUPON_INFO_REQUEST = 'savvi/billing/GET_COUPON_INFO_REQUEST';\nexport const GET_COUPON_INFO_SUCCESS = 'savvi/billing/GET_COUPON_INFO_SUCCESS';\nexport const GET_COUPON_INFO_FAILED = 'savvi/billing/GET_COUPON_INFO_FAILED';\nexport const SET_COUPON_INFO = 'savvi/billing/SET_COUPON_INFO';\n\nexport const GET_MERCURY_BANKS_REQUEST = 'savvi/billing/GET_MERCURY_BANKS_REQUEST';\nexport const GET_MERCURY_BANKS_SUCCESS = 'savvi/billing/GET_MERCURY_BANKS_SUCCESS';\nexport const GET_MERCURY_BANKS_FAILED = 'savvi/billing/GET_MERCURY_BANKS_FAILED';\n\nexport const SET_DEFAULT_REQUEST = 'savvi/billing/SET_DEFAULT_REQUEST';\nexport const SET_DEFAULT_SUCCESS = 'savvi/billing/SET_DEFAULT_SUCCESS';\nexport const SET_DEFAULT_FAILED = 'savvi/billing/SET_DEFAULT_FAILED';\nexport const SET_DEFAULTV2_REQUEST = 'savvi/billing/SET_DEFAULTV2_REQUEST';\nexport const SET_DEFAULTV2_SUCCESS = 'savvi/billing/SET_DEFAULTV2_SUCCESS';\nexport const SET_DEFAULTV2_FAILED = 'savvi/billing/SET_DEFAULTV2_FAILED';\n\nexport const SET_MERCURY_BANKS = 'savvi/billing/SET_MERCURY_BANKS';\n\nexport const SET_STRIPE_DOMAIN_SLUG = 'savvi/billing/SET_STRIPE_DOMAIN_SLUG';\nexport const CLEAR_STRIPE_DOMAIN_SLUG = 'savvi/billing/CLEAR_STRIPE_DOMAIN_SLUG';\n","const COACH_WORKFLOW_TEMPLATES_IDS = [76, 148, 149, 176];\nconst TRUSTEE_WORKFLOW_TEMPLATES_IDS = [179];\nconst ATTORNEY_WORKFLOW_TEMPLATES_IDS = [200];\nconst PARTY_WORKFLOW_TEMPLATES_IDS = [203];\nconst CO_FOUNDER_TEMPLATES_IDS = [205];\n\nexport default (workflowTemplateId, isPlural = false, shouldDefaultToInvestor = true) => {\n let portalType =\n (COACH_WORKFLOW_TEMPLATES_IDS.includes(workflowTemplateId) && 'Coach') ||\n (TRUSTEE_WORKFLOW_TEMPLATES_IDS.includes(workflowTemplateId) && 'Trustee') ||\n (ATTORNEY_WORKFLOW_TEMPLATES_IDS.includes(workflowTemplateId) && 'Attorney') ||\n (PARTY_WORKFLOW_TEMPLATES_IDS.includes(workflowTemplateId) && 'Party') ||\n (CO_FOUNDER_TEMPLATES_IDS.includes(workflowTemplateId) && 'Co-Founder') ||\n (!!shouldDefaultToInvestor && 'Investor') ||\n '';\n if (isPlural && !!portalType) {\n if (COACH_WORKFLOW_TEMPLATES_IDS.includes(workflowTemplateId)) {\n portalType = +'es';\n } else if (PARTY_WORKFLOW_TEMPLATES_IDS.includes(workflowTemplateId)) {\n portalType = 'Parties';\n }\n }\n return portalType;\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 JSON.parse(localStorage.getItem('brandMeta') || '{ \"assets\" : {} }'),\n)({\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 { useLocation, useHistory, useParams } from 'react-router-dom';\nimport handlePath from './handlePath';\n\nexport default function useMultiHash(parentPathname = null, passedState = {}, isRoom) {\n const location = useLocation();\n const hash = v => {\n let h = location.hash;\n if (v) {\n h = v;\n }\n return h.replace(/(%20| |#)/g, '');\n };\n const explode = v => {\n let string = hash(v);\n return string\n .split(',')\n .filter(String)\n .map(v => hash(v));\n };\n const createHash = list => '#' + list.filter(v => v.length).join(',');\n const { push } = useHistory();\n const { companyId } = useParams();\n let updatedHandlePath = handlePath;\n if (isRoom) {\n updatedHandlePath = pathname => pathname;\n }\n\n const generatePath = item => {\n if (hash().includes(hash(item.path.hash))) {\n return updatedHandlePath(\n {\n pathname: parentPathname,\n hash: createHash(\n explode().filter(v => {\n return hash(v) !== hash(item.path.hash);\n }),\n ),\n state: passedState,\n },\n companyId,\n );\n }\n return updatedHandlePath(\n {\n pathname: parentPathname,\n hash: createHash([...explode(), hash(item.path.hash)]),\n state: passedState,\n },\n companyId,\n );\n };\n const removeHash = item => {\n const updatedHash = createHash(\n explode().filter(name => name !== hash(item.path.hash)),\n );\n push(\n updatedHandlePath(\n {\n pathname: parentPathname,\n hash: updatedHash,\n state: passedState,\n },\n companyId,\n ),\n );\n };\n const addHash = item => {\n push(\n updatedHandlePath(\n {\n pathname: parentPathname,\n hash: createHash([...explode(), hash(item.path.hash)]),\n state: passedState,\n },\n companyId,\n ),\n );\n };\n const clearHash = () => {\n push(\n updatedHandlePath(\n {\n pathname: parentPathname,\n hash: '',\n state: passedState,\n },\n companyId,\n ),\n );\n };\n\n const hashContains = h => {\n const parts = explode();\n return parts.indexOf(hash(h)) !== -1;\n };\n\n const noHash = () => hash().length === 0;\n\n return { noHash, generatePath, hashContains, removeHash, addHash, clearHash };\n}\n","import React from 'react';\nimport { NavLink } from 'react-router-dom';\nimport useMultiHash from '../../utils/useMultiHash';\nimport PropTypes from 'prop-types';\nimport { Button } from '../common';\nimport './SavviNavLink.scss';\n\nconst SavviNavLink = ({ item, parentPathname, passedState, isRoom }) => {\n const { generatePath, hashContains, removeHash, addHash } = useMultiHash(\n parentPathname,\n passedState,\n isRoom,\n );\n return (\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 {custom_document.tokens.length > 0 && (\n {\n setUpdatedDocName(customDocName);\n setEditingDocName(true);\n }}\n >\n setCustomDocShowing(false)}\n >\n Select Different Document\n \n \n {!isEditingDocName && {customDocName} }\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 {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 {custom_document.tokens.length > 0 && (\n <>\n
\n Document Tokens:\n {isEmpty(custom_document.notes) && (\n * \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 Token #{index + 1} \n {token}
\n {!isEmpty(note) && (\n \n \n {note.level}- {note.message}\n \n \n )}\n \n );\n })}\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 \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
\n {Object.entries(custom_document.fields).map(\n ([fieldKey, fieldVal], index) => {\n return (\n
\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
\n {/* \n
\n {custom_document.recipients.map((recipient, index) => (\n
\n {Object.entries(recipient).map(\n ([recipientKey, recipientVal], ind) => {\n if (recipientKey === 'role') {\n return (\n \n \n Signatory #{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 {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 readOnly={readOnly}\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 (\n json.resource_type_id === 2 &&\n json.resource_label !== 'Fund Performance' &&\n resourcesArr.length > 1\n ) {\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.isSelected && (\n Already Selected \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 } = {} } = ev;\n let updatedVal = trim(value);\n // const originalVal =\n // this.state.initVal || get(fieldValue, 'value', fieldValue);\n const originalVal = this.state.initVal;\n if (updatedVal !== originalVal) {\n if (isEmpty(updatedVal)) {\n setFieldValue(name, this.state.initVal);\n this.setState({ isEditable: false });\n return;\n }\n if (isLabel) {\n setLabel(updatedVal);\n }\n onBlur(ev);\n // second param used as 'isEditingName' in AddResourceModal.js\n handleResourceName(updatedVal, true);\n this.setState({\n isEditable: false,\n initVal: updatedVal,\n });\n } else {\n this.setState({ isEditable: false });\n }\n }}\n onChange={onChange}\n value={get(fieldValue, 'value', fieldValue)}\n {...props}\n />\n {!isFixed && !isDisabled && !isDraftResource && (\n \n {\n if (\n window.confirm(\n `**IMPORTANT** Please read before continuing:\\n- Editing this name does NOT make a new record.\\n- Editing this name does NOT update already generated documents that used this record.\\n- Editing this name WILL change the existing record's name in our database which will show in other tasks and reports.\\n\\nIf you're wanting to change the selected record or add a new one, please choose a different option.`,\n )\n ) {\n this.setState({ isEditable: true });\n setTimeout(() => this.textInput.current.focus(), 0);\n }\n }}\n >\n handleRemoveResource(true)}\n >\n \n handleRemoveResource()}\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 exchangeToken,\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 readOnly,\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 { RSAA } from 'redux-api-middleware';\n\n// import filter from 'lodash-es/filter';\nimport get from 'lodash-es/get';\nimport isEmpty from 'lodash-es/isEmpty';\n\nimport { requestHeaders } from '../../utils/api';\nimport { getAccountInfo } from '../Formation/operations';\nimport { getAccountProject } from '../Project/operations';\nimport * as actions from '../Transaction/actions';\nimport { setNotice } from '../UI/actions';\nimport * as Types from './types';\nimport { isObject } from 'lodash-es';\nimport { generateErrorNotice } from '../../../utils/generateErrorNotice';\n\n// export const getQuestionnaire = (questionnaireId, taskId) => {\n// const REQUEST = Types[`GET_QUESTIONNAIRE_REQUEST`];\n// const SUCCESS = Types[`GET_QUESTIONNAIRE_SUCCESS`];\n// const FAILED = Types[`GET_QUESTIONNAIRE_FAILED`];\n// return async (dispatch, getState) => {\n// const actionResponse = await dispatch({\n// [RSAA]: {\n// endpoint: `/api/questionnaire/${questionnaireId}`,\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\nexport const getAccountTransactions = moduleId => {\n const REQUEST = Types[`GET_TRANSACTIONS_BY_MODULE_REQUEST`];\n const SUCCESS = Types[`GET_TRANSACTIONS_BY_MODULE_SUCCESS`];\n const FAILED = Types[`GET_TRANSACTIONS_BY_MODULE_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: '/api/account/transaction?limit=400',\n method: 'GET',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n return await dispatch(\n actions.setTransactionsByModule(actionResponse.payload, moduleId || '-1'),\n );\n } else {\n throw actionResponse.payload.message;\n }\n };\n};\n\nexport const getTransactionsHistory = moduleId => {\n const REQUEST = Types[`GET_TRANSACTIONS_BY_MODULE_REQUEST`];\n const SUCCESS = Types[`GET_TRANSACTIONS_BY_MODULE_SUCCESS`];\n const FAILED = Types[`GET_TRANSACTIONS_BY_MODULE_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: '/api/account/transaction?include_history=1&limit=900',\n method: 'GET',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n return await dispatch(\n actions.setTransactionsByModule(actionResponse.payload, moduleId),\n );\n } else {\n dispatch(setNotice(generateErrorNotice(actionResponse.payload)));\n throw actionResponse.payload.message;\n }\n };\n};\n\nexport const getTransaction = transactionId => {\n const REQUEST = Types[`GET_TRANSACTION_REQUEST`];\n const SUCCESS = Types[`GET_TRANSACTION_SUCCESS`];\n const FAILED = Types[`GET_TRANSACTION_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/transaction/${transactionId}`,\n method: 'GET',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error && !isEmpty(actionResponse.payload)) {\n await dispatch(actions.setTransaction(actionResponse.payload));\n return await actionResponse.payload;\n } else {\n throw await actionResponse.payload.message;\n }\n };\n};\n\nexport const createTransaction = (projectId, templateId) => {\n const REQUEST = Types[`POST_TRANSACTION_REQUEST`];\n const SUCCESS = Types[`POST_TRANSACTION_SUCCESS`];\n const FAILED = Types[`POST_TRANSACTION_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/project/${projectId}/transaction_template/${templateId}`,\n method: 'POST',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error && !isEmpty(actionResponse.payload)) {\n await dispatch(actions.setTransaction(actionResponse.payload));\n return await actionResponse.payload;\n } else {\n throw await actionResponse.payload.message;\n }\n };\n};\n\nexport const getAllAccountTransactions = (queryString = '') => {\n const REQUEST = Types[`GET_ALL_TRANSACTIONS_REQUEST`];\n const SUCCESS = Types[`GET_ALL_TRANSACTIONS_SUCCESS`];\n const FAILED = Types[`GET_ALL_TRANSACTIONS_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/user/transaction${queryString}`,\n method: 'GET',\n headers: requestHeaders(true, 'user'),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error && Array.isArray(actionResponse.payload)) {\n await dispatch(actions.setMyTransactions(actionResponse.payload));\n return await actionResponse.payload;\n } else {\n throw await actionResponse.payload.message;\n }\n };\n};\n\nexport const getTransactionByTemplateId = templateId => {\n const REQUEST = Types[`GET_TRANSACTION_BY_TEMPLATE_ID_REQUEST`];\n const SUCCESS = Types[`GET_TRANSACTION_BY_TEMPLATE_ID_SUCCESS`];\n const FAILED = Types[`GET_TRANSACTION_BY_TEMPLATE_ID_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/transaction_template/${templateId}`,\n method: 'GET',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n await dispatch(actions.setTransaction(actionResponse.payload));\n return await actionResponse.payload;\n } else {\n throw actionResponse.payload.message;\n }\n };\n};\n\nexport const getTransactionPreview = transactionId => {\n const REQUEST = Types[`GET_TRANSACTION_PREVIEW_REQUEST`];\n const SUCCESS = Types[`GET_TRANSACTION_PREVIEW_SUCCESS`];\n const FAILED = Types[`GET_TRANSACTION_PREVIEW_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/transaction/${transactionId}/preview`,\n method: 'GET',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n return await dispatch(\n actions.setTransactionPreview(transactionId, actionResponse.payload),\n );\n } else {\n throw actionResponse.payload.message;\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, accountId) => {\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, accountId),\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 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 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 await dispatch(getTransactionDocuments(transactionId));\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 setDocumentRedliningVersion = (document_id, uuid, transactionId) => {\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/${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\nexport const approveDocumentSuggestions = (document_id, transactionId) => {\n const REQUEST = Types[`APPROVE_DOCUMENT_SUGGESTIONS_REQUEST`];\n const SUCCESS = Types[`APPROVE_DOCUMENT_SUGGESTIONS_SUCCESS`];\n const FAILED = Types[`APPROVE_DOCUMENT_SUGGESTIONS_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/pandadoc/documents/${document_id}/redline`,\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\nexport const updateDocumentSuggestions = (document_id, body, transactionId) => {\n const REQUEST = Types[`UPDATE_DOCUMENT_SUGGESTIONS_REQUEST`];\n const SUCCESS = Types[`UPDATE_DOCUMENT_SUGGESTIONS_SUCCESS`];\n const FAILED = Types[`UPDATE_DOCUMENT_SUGGESTIONS_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/pandadoc/documents/${document_id}/redline`,\n method: 'PATCH',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n body: () => JSON.stringify(body),\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\nexport const updateTransaction = (transactionId, body) => {\n const REQUEST = Types[`UPDATE_TRANSACTION_REQUEST`];\n const SUCCESS = Types[`UPDATE_TRANSACTION_SUCCESS`];\n const FAILED = Types[`UPDATE_TRANSACTION_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/transaction/${transactionId}`,\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 dispatch(getTransaction(transactionId));\n } else {\n dispatch(setNotice({ type: 'error', message: actionResponse.payload.message }));\n throw actionResponse.payload.message;\n }\n };\n};\n\nexport const getOutsideForm = access_code => {\n const REQUEST = Types[`GET_OUTSIDE_FORM_REQUEST`];\n const SUCCESS = Types[`GET_OUTSIDE_FORM_SUCCESS`];\n const FAILED = Types[`GET_OUTSIDE_FORM_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/public/outside_form/${access_code}`,\n method: 'GET',\n headers: requestHeaders(),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n if (\n get(actionResponse, 'payload.message', '') ===\n 'This form has already been completed. Please contact technical support if you believe this is in error.'\n ) {\n throw await actionResponse.payload.message;\n }\n return await dispatch(\n actions.setTransactionQuestionnaire(actionResponse.payload, access_code),\n );\n }\n throw await get(\n actionResponse,\n 'payload.message',\n 'This form has already been completed. Please contact technical support if you believe this is in error.',\n );\n };\n};\n\nexport const createOutsideForm = (body, transactionId) => {\n const REQUEST = Types[`CREATE_OUTSIDE_FORM_REQUEST`];\n const SUCCESS = Types[`CREATE_OUTSIDE_FORM_SUCCESS`];\n const FAILED = Types[`CREATE_OUTSIDE_FORM_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/transaction/${transactionId}/outside`,\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('Shared Form generated.'));\n dispatch(getTransaction(transactionId));\n return await actionResponse.payload;\n }\n dispatch(\n setNotice({\n type: 'error',\n message: get(\n actionResponse,\n 'payload.message',\n 'Failed to generate Shared Form.',\n ),\n }),\n );\n throw await get(\n actionResponse,\n 'payload.message',\n 'This form has already been completed. Please contact technical support if you believe this is in error.',\n );\n };\n};\n\nexport const getTransactionQuestionnaire = transactionId => {\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/${transactionId}/questionnaire`,\n method: 'GET',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n await dispatch(\n actions.setTransactionQuestionnaire(actionResponse.payload, transactionId),\n );\n return await actionResponse.payload;\n }\n throw await get(\n actionResponse,\n 'payload.message',\n 'This form has already been completed. Please contact technical support if you believe this is in error.',\n );\n };\n};\n\nexport const getMyTemplates = () => {\n const REQUEST = Types['GET_MY_TEMPLATES_REQUEST'];\n const SUCCESS = Types['GET_MY_TEMPLATES_SUCCESS'];\n const FAILED = Types['GET_MY_TEMPLATES_FAILED'];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: '/api/account/storage/my_templates',\n method: 'GET',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n return await dispatch(actions.setMyTemplates(actionResponse.payload));\n }\n throw await get(\n actionResponse,\n 'payload.message',\n 'This form has already been completed. Please contact technical support if you believe this is in error.',\n );\n };\n};\n\nexport const getCustomDocument = (id, transactionId) => {\n const REQUEST = Types['GET_CUSTOM_DOCUMENT_REQUEST'];\n const SUCCESS = Types['GET_CUSTOM_DOCUMENT_SUCCESS'];\n const FAILED = Types['GET_CUSTOM_DOCUMENT_FAILED'];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/custom_document/${id}`,\n method: 'GET',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error) {\n return await dispatch(\n actions.addCustomDocument(actionResponse.payload, transactionId),\n );\n }\n throw await get(\n actionResponse,\n 'payload.message',\n 'This form has already been completed. Please contact technical support if you believe this is in error.',\n );\n };\n};\n\nexport const updateCustomDocument = (body, customDocIndex, transactionId) => {\n const REQUEST = Types['UPDATE_CUSTOM_DOCUMENT_REQUEST'];\n const SUCCESS = Types['UPDATE_CUSTOM_DOCUMENT_SUCCESS'];\n const FAILED = Types['UPDATE_CUSTOM_DOCUMENT_FAILED'];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/custom_document/${body.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 dispatch(\n actions.setCustomDocument(actionResponse.payload, customDocIndex, transactionId),\n );\n return await actionResponse.payload;\n }\n throw await get(\n actionResponse,\n 'payload.message',\n 'This form has already been completed. Please contact technical support if you believe this is in error.',\n );\n };\n};\n\nexport const createCustomDocument = (body, transactionId) => {\n const REQUEST = Types['CREATE_CUSTOM_DOCUMENT_REQUEST'];\n const SUCCESS = Types['CREATE_CUSTOM_DOCUMENT_SUCCESS'];\n const FAILED = Types['CREATE_CUSTOM_DOCUMENT_FAILED'];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: '/api/account/custom_document',\n method: 'POST',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n body: () => JSON.stringify(body),\n },\n });\n if (!actionResponse.error) {\n return await dispatch(getTransactionQuestionnaire(transactionId));\n }\n const message = get(\n actionResponse,\n 'payload.message',\n 'This form has already been completed. Please contact technical support if you believe this is in error.',\n );\n dispatch(setNotice({ type: 'error', message }));\n throw await message;\n };\n};\n\nexport const createFeature = (meta, isOutsideForm) => {\n let {\n access_code,\n value,\n feature_id,\n feature_type_id,\n resource_id,\n resourceTypeId,\n transactionId,\n } = meta;\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/${isOutsideForm ? 'unlisted' : 'account'}/flat_feature`,\n method: 'POST',\n headers: requestHeaders(!isOutsideForm),\n types: [REQUEST, SUCCESS, FAILED],\n body: () =>\n JSON.stringify({\n access_code,\n value,\n feature_type_id,\n resource_id,\n transaction_id: transactionId,\n }),\n },\n });\n if (!actionResponse.error) {\n if (access_code) {\n transactionId = access_code;\n }\n if (feature_id) {\n await dispatch(\n actions.updateResource({\n value,\n feature_id,\n feature_type_id,\n resource_id,\n resourceTypeId,\n transactionId,\n }),\n );\n return await actionResponse.payload;\n }\n await dispatch(\n actions.createResourceFeature({\n feature: isObject(actionResponse.payload.feature)\n ? actionResponse.payload.feature\n : actionResponse.payload,\n resourceTypeId,\n transactionId,\n }),\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 it continues, please contact PaperOS Support.',\n ),\n }),\n );\n throw await actionResponse.payload.message;\n };\n};\n\n// export const patchFeature = meta => {\n// const {\n// value,\n// feature_id,\n// feature_type_id,\n// resource_id,\n// resourceTypeId,\n// transactionId,\n// } = meta;\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/${feature_id}`,\n// method: 'PATCH',\n// headers: requestHeaders(true),\n// types: [REQUEST, SUCCESS, FAILED],\n// body: () => JSON.stringify({ value }),\n// },\n// });\n// if (!actionResponse.error) {\n// // dispatch(getTransactionQuestionnaire(transactionId));\n// return await dispatch(\n// actions.updateResource({\n// value,\n// feature_type_id,\n// resource_id,\n// resourceTypeId,\n// transactionId,\n// }),\n// );\n// // return actionResponse;\n// }\n// await dispatch(setNotice({ type: 'error', message: actionResponse.payload.message }));\n// throw await actionResponse.payload.message;\n// };\n// };\n\nexport const setResourceIds = (transactionId, body) => {\n return async (dispatch, getState) => {\n const REQUEST = Types[`SET_RESOURCE_IDS_REQUEST`];\n const SUCCESS = Types[`SET_RESOURCE_IDS_SUCCESS`];\n const FAILED = Types[`SET_RESOURCE_IDS_FAILED`];\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/transaction/${transactionId}/set_resource`,\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 dispatch(getTransactionQuestionnaire(transactionId));\n // dispatch(actions.patchFeature(actionResponse.payload, individualName));\n // dispatch(\n // setNotice(`${individualName}'s ${lowerCase(featureName)} updated.`),\n // );\n } else {\n await dispatch(\n setNotice({ type: 'error', message: actionResponse.payload.message }),\n );\n throw await actionResponse.payload.message;\n }\n };\n};\n\nexport const createResourceName = (body, accountId) => {\n return async (dispatch, getState) => {\n const REQUEST = Types[`CREATE_RESOURCE_NAME_REQUEST`];\n const SUCCESS = Types[`CREATE_RESOURCE_NAME_SUCCESS`];\n const FAILED = Types[`CREATE_RESOURCE_NAME_FAILED`];\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/resource`,\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 return await actionResponse.payload;\n // dispatch(actions.patchFeature(actionResponse.payload, individualName));\n // dispatch(\n // setNotice(`${individualName}'s ${lowerCase(featureName)} updated.`),\n // );\n } else {\n throw await actionResponse.payload;\n }\n };\n};\n\nexport const updateResourceName = (body, resourceId, isOutside, accountId) => {\n return async (dispatch, getState) => {\n const REQUEST = Types[`UPDATE_RESOURCE_NAME_REQUEST`];\n const SUCCESS = Types[`UPDATE_RESOURCE_NAME_SUCCESS`];\n const FAILED = Types[`UPDATE_RESOURCE_NAME_FAILED`];\n const privacy = isOutside ? 'unlisted' : 'account';\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/${privacy}/resource/${resourceId}`,\n method: 'PATCH',\n headers: requestHeaders(!isOutside, accountId),\n types: [REQUEST, SUCCESS, FAILED],\n body: () => JSON.stringify(body),\n },\n });\n if (!actionResponse.error) {\n // dispatch(actions.patchFeature(actionResponse.payload, individualName));\n // dispatch(\n // setNotice(`${individualName}'s ${lowerCase(featureName)} updated.`),\n // );\n return await actionResponse.payload;\n } else {\n await dispatch(\n setNotice({ type: 'error', message: actionResponse.payload.message }),\n );\n throw actionResponse.payload;\n }\n };\n};\n\nexport const finalizeTransaction = (transactionId, projectId, body, dev_pandadoc) => {\n const isDevEnv = process.env.REACT_APP_LOG_ENV !== 'production';\n if (isDevEnv) {\n body = {\n ...body,\n dev_pandadoc,\n };\n }\n return async (dispatch, getState) => {\n const REQUEST = Types[`FINALIZE_TRANSACTION_REQUEST`];\n const SUCCESS = Types[`FINALIZE_TRANSACTION_SUCCESS`];\n const FAILED = Types[`FINALIZE_TRANSACTION_FAILED`];\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/transaction/${transactionId}/finalize`,\n method: 'POST',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n body: () => JSON.stringify(body),\n },\n });\n if (!actionResponse.error) {\n if (projectId) {\n await dispatch(getAccountProject(projectId));\n }\n await dispatch(getAccountInfo());\n await dispatch(setNotice('Task Submitted!'));\n return await dispatch(getTransaction(transactionId));\n // dispatch(actions.patchFeature(actionResponse.payload, individualName));\n } else {\n if (\n actionResponse.payload.message ===\n 'Account does not have the correct subscription'\n ) {\n await dispatch(\n setNotice({\n type: 'error',\n message:\n actionResponse.payload.message +\n '. Click Subscription link underneath pricing',\n }),\n );\n throw await `${actionResponse.payload.message}. Click Subscription link underneath pricing`;\n } else if (actionResponse.payload.code === 'STRIPE_CARD_ERROR_CARD_DECLINED') {\n const message = 'Card Declined';\n await dispatch(\n setNotice({\n type: 'error',\n message,\n }),\n );\n throw new Error(message);\n } else {\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 us.',\n ),\n }),\n );\n throw await get(\n actionResponse,\n 'payload.message',\n 'An error Has occurred. If error persists, please contact us.',\n );\n }\n }\n };\n};\n\nexport const finalizeOutsideForm = (access_code, finalize_snapshot) => {\n return async (dispatch, getState) => {\n const REQUEST = Types[`FINALIZE_TRANSACTION_REQUEST`];\n const SUCCESS = Types[`FINALIZE_TRANSACTION_SUCCESS`];\n const FAILED = Types[`FINALIZE_TRANSACTION_FAILED`];\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/public/outside_form/${access_code}/finalize`,\n method: 'POST',\n headers: requestHeaders(),\n types: [REQUEST, SUCCESS, FAILED],\n body: () =>\n JSON.stringify({\n finalize_snapshot,\n }),\n },\n });\n if (!actionResponse.error) {\n await dispatch(setNotice('Outside Form Submitted'));\n return await actionResponse.payload;\n // dispatch(actions.patchFeature(actionResponse.payload, individualName));\n } else {\n if (\n actionResponse.payload.message ===\n 'Account does not have the correct subscription'\n ) {\n await dispatch(\n setNotice({\n type: 'error',\n message:\n actionResponse.payload.message +\n '. Click Subscription link underneath pricing',\n }),\n );\n throw await `${actionResponse.payload.message}. Click Subscription link underneath pricing`;\n } else {\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 us.',\n ),\n }),\n );\n throw await get(\n actionResponse,\n 'payload.message',\n 'An error Has occurred. If error persists, please contact us.',\n );\n }\n }\n };\n};\n\nexport const generateBatchTransactions = (\n transactionTemplateId,\n boxFileId,\n projectId,\n) => {\n const REQUEST = Types[`POST_BATCH_TRANSACTIONS_REQUEST`];\n const SUCCESS = Types[`POST_BATCH_TRANSACTIONS_SUCCESS`];\n const FAILED = Types[`POST_BATCH_TRANSACTIONS_FAILED`];\n return async (dispatch, getState) => {\n const actionResponse = await dispatch({\n [RSAA]: {\n endpoint: `/api/account/transaction/${transactionTemplateId}/batch/${boxFileId}/project/${projectId}?finalize=true`,\n method: 'POST',\n headers: requestHeaders(true),\n types: [REQUEST, SUCCESS, FAILED],\n },\n });\n if (!actionResponse.error && !isEmpty(actionResponse.payload)) {\n return await actionResponse.payload;\n } else {\n dispatch(setNotice(generateErrorNotice(actionResponse.payload)));\n throw await actionResponse.payload.message;\n }\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 let optionIndex = -1;\n let suffixIndex = -1;\n for (let i = 0; i < filteredOptions.length; i++) {\n const tempSuffixIndex = (val || '').lastIndexOf(filteredOptions[i].value);\n if (\n tempSuffixIndex !== -1 &&\n (val || '').length <= tempSuffixIndex + filteredOptions[i].value.length\n ) {\n optionIndex = i;\n suffixIndex = tempSuffixIndex;\n break;\n }\n }\n if (!val || suffixIndex === 0) {\n error = 'Company must be named.';\n } else if (\n !isEntityFormed &&\n entityType &&\n !entityType.includes('Series') &&\n optionIndex === -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, [\n 'MMM Do, YYYY',\n 'MMM D, YYYY',\n 'MMM. D, YYYY',\n 'D MMM YYYY',\n 'MM/DD/YYYY',\n 'x',\n ]).diff(\n dayjs(b.value, [\n 'MMM Do, YYYY',\n 'MMM D, YYYY',\n 'MMM. D, YYYY',\n 'D MMM YYYY',\n 'MM/DD/YYYY',\n 'x',\n ]),\n );\n};\n\nexport default {\n attorney: {\n value: '',\n gridColWidth: 'minMax(120px, 1fr)',\n Formik: ({ ...props }) => \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 sublabel={`Will show as: \"${companyFullName}\"`}\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 setCompanyNameInput(companyName);\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.lastIndexOf(suffixOptions[i].value);\n if (\n tempSuffixIndex !== -1 &&\n updatedVal.length <= tempSuffixIndex + suffixOptions[i].value.length\n ) {\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 setFieldValue(name, updatedVal);\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 }\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';\nimport { setStripeDomainSlug } from '../Billing/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 const shouldRefreshPage = !localStorage.getItem('brandMeta');\n localStorage.setItem('brandMeta', JSON.stringify(actionResponse.payload));\n const storedStripeDomainSlug = sessionStorage.getItem('stripeDomainSlug');\n if (!storedStripeDomainSlug && actionResponse.payload?.assets?.stripe_domain) {\n sessionStorage.setItem(\n 'stripeDomainSlug',\n actionResponse.payload?.assets?.stripe_domain,\n );\n dispatch(setStripeDomainSlug(actionResponse.payload?.assets?.stripe_domain));\n }\n if (shouldRefreshPage) {\n // window.location.reload();\n document.title = (actionResponse.payload?.assets || {}).title;\n // document.head.querySelector('link[rel=\"icon\"]').href = (brandMeta?.assets || {}).;\n }\n return await actionResponse.payload;\n } else {\n throw await actionResponse.payload;\n }\n };\n};\n","export { default } from './InfoSidebar';\n","import React, { Fragment, useState } from 'react';\nimport { DropdownMenu } from 'react-dd-menu';\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';\nimport { BrandMeta } from '../../redux/modules/UI/selectors';\nimport { MyModal } from '../common';\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
Do you want to enable document redlining/editing? \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 toggle redlining on/off even after you\n finalize.\n
\n \n
\n {documentCredits || 'zero'} document\n credit(s)\n {!!creditsCoveredBy && ` (covered by ${creditsCoveredBy})`}\n \n )}\n \n \n )}\n {!!isTotalShowing && !isOutsideForm && (\n \n
\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 >\n {fees.length > 0 && (\n <>\n Additional Fees: \n {fees.map((fee, feeInd) => (\n \n {`- ${fee.label} - ${\n (!!feesCoveredBy && `Covered by ${feesCoveredBy} -`) ||\n (fee.is_annual && fee.amount) ||\n '$' + fee.amount\n }`}\n {!feesCoveredBy && 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 !!feesCoveredBy\n ? `Covered by ${feesCoveredBy} -`\n : '$' + addon.amount + '/'\n }`}\n {(!!feesCoveredBy && ' ') ||\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 {(!!feesCoveredBy && `Covered by ${feesCoveredBy}`) ||\n '$' + ((isAddonsHidden && feesTotal) || amountTotal)}\n \n )}\n \n \n \n )}\n when you 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 {brandMeta.display_name || 'your Package'} is currently in\n the process of getting set up. To better know when that will be set up, please\n contact{' '}\n \n {brandMeta.support_email || 'support@paperos.com'}\n {' '}\n \n {!isEmpty(stripeError) && (\n
\n
\n Error: {stripeError}\n \n \n )}\n
\n onClose()} size=\"md\">\n Back\n \n \n {(isAssessment && 'Generate Tasks') ||\n (isOutsideForm && 'Submit') ||\n 'Finalize'}\n \n
\n \n );\n};\n\nconst OutsideFormFinalizeReviewModal = ({\n handleFinalize,\n isAssessment,\n isOpen,\n isOutsideForm,\n isRedlineAvailable,\n onClose,\n params,\n reviewInfo,\n room_use,\n}) => {\n const { transactionId } = params;\n const { REACT_APP_LOG_ENV } = process.env;\n const isDevEnv = REACT_APP_LOG_ENV !== 'production';\n\n const isDocumentTransaction = useSelector(state =>\n IsDocumentTransaction(state, transactionId),\n );\n const isAdmin = useSelector(IsAccountAdmin);\n\n const [isAutoSend, setIsAutoSend] = useState(true);\n const [isDocEditingEnabled, setIsDocEditingEnabled] = useState(false);\n const [isDevPandadoc, setDevPandadoc] = useState(false);\n\n const [submitting, setSubmitting] = useState(false);\n\n const onFinalizeClick = async () => {\n setSubmitting(true);\n return handleFinalize(isAutoSend, isDevPandadoc, isDocEditingEnabled).then(\n e => {\n setSubmitting(false);\n onClose();\n },\n error => setSubmitting(false),\n );\n };\n\n return (\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
Do you want to enable document redlining/editing? \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 toggle redlining on/off even after you\n finalize.\n
\n \n onClose()} size=\"md\">\n Back\n \n \n {(isAssessment && 'Generate Tasks') ||\n (isOutsideForm && 'Submit') ||\n 'Finalize'}\n \n
\n \n );\n};\n\nexport { FinalizeReviewModal as default, OutsideFormFinalizeReviewModal };\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';\n\nimport './WorkbenchActions.scss';\nimport handlePath from '../../utils/handlePath';\nimport getPortalType from '../../utils/getPortalType';\n\nconst WorkbenchActions = props => {\n const history = useHistory();\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 const portalType = getPortalType(projectTemplateId, true, false);\n const actionLabel =\n (isAssessment && 'Generate Tasks') ||\n (isModal && !!portalType && `Add ${portalType}`) ||\n (isModal && `Add Individual`) ||\n 'Review';\n\n return (\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 {actionLabel}\n \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 React, { useMemo, useState } from 'react';\n\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\n\nimport './UserReportsModal.scss';\nimport { generateBem } from '../../utils/generateBem';\nimport { Button, MyModal } from '../common';\nimport { Field, Form, Formik } from 'formik';\nimport { StyledCheckbox } from '../formik';\nimport { useDispatch } from 'react-redux';\nimport { setNotice } from '../../redux/modules/UI/actions';\nimport InputStyledCheckbox from '../common/InputStyledCheckbox/InputStyledCheckbox';\nimport { MultiToggle } from '../inputs';\nimport SavviLoading from '../SavviLoading/SavviLoading';\nimport {\n createSharedReport,\n updateSharedReport,\n} from '../../redux/modules/Company/operations';\n\nconst bem = generateBem('userReportsModal');\n\nfunction initVals(resourcesList, restrictedResources) {\n let resources = {};\n\n resourcesList.forEach(item => {\n let isHidden = false;\n if (restrictedResources.length > 0) {\n isHidden = restrictedResources.findIndex(id => item.resourceId === id) !== -1;\n }\n resources[item.resourceId] = isHidden ? '0' : '1';\n });\n return { resources };\n}\n\nconst UserReportsModal = ({\n handleClose,\n isOpen,\n json,\n report,\n resourcesList,\n reports_feature_type_id,\n}) => {\n const dispatch = useDispatch();\n const { resource_label } = json || {};\n const { id: reportId, is_active, metadata: { resource_id = [] } = {} } = report || {};\n\n const [isActive, setIsActive] = useState(!!is_active);\n\n const handleSubmit = formikValues => {\n let resource_id = [];\n Object.entries(formikValues.resources).forEach(([key, val]) => {\n if (val === '0') {\n resource_id.push(key);\n }\n });\n\n if (!reportId) {\n dispatch(\n createSharedReport(null, { feature_type_id: reports_feature_type_id }),\n ).then(payload => {\n dispatch(setNotice('Report Sharing Updated'));\n handleClose();\n });\n } else {\n dispatch(\n updateSharedReport(null, reportId, {\n is_active: isActive,\n metadata: { resource_id },\n }),\n ).then(p => {\n dispatch(setNotice('Report Sharing Updated'));\n handleClose();\n });\n }\n };\n\n return (\n \n \n
Manage {resource_label} Report Sharing \n \n {\n const { mode } = selectedOption;\n setIsActive(mode === 'show');\n }}\n />\n {!isOpen && \n {formikProps => (\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 = ({ isActive, formikProps, resourcesList, handleClose }) => {\n const { values, setValues } = formikProps;\n\n const valuesMeta = useMemo(() => {\n return {\n resources: getCheckboxMeta(Object.values(values.resources)),\n };\n }, [values]);\n\n let totalSelected = Object.values(formikProps.values.resources).filter(\n item => item === '1',\n ).length;\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 UserReportsModal;\n","export default {\n LLC: {\n Alabama: 128,\n Alaska: 250,\n Arizona: 85,\n Arkansas: 45,\n California: 75,\n Colorado: 50,\n Connecticut: 120,\n Delaware: 90,\n 'District of Columbia': 220,\n Florida: 125,\n Georgia: 100,\n Hawaii: 51,\n Idaho: 101,\n Illinois: 153.53,\n Indiana: 97.14,\n Iowa: 50,\n Kansas: 160,\n Kentucky: 40,\n Louisiana: 105,\n Maine: 185,\n Maryland: 156,\n Massachusetts: 520,\n Michigan: 50,\n Minnesota: 155,\n Mississippi: 53.14,\n Missouri: 51.25,\n Montana: 70,\n Nebraska: 108.15,\n Nevada: 425,\n 'New Hampshire': 102,\n 'New Jersey': 129,\n 'New Mexico': 50,\n 'New York': 205,\n 'North Carolina': 127,\n 'North Dakota': 135,\n Ohio: 99,\n Oklahoma: 104,\n Oregon: 100,\n Pennsylvania: 125,\n 'Rhode Island': 156,\n 'South Carolina': 132,\n 'South Dakota': 150,\n Tennessee: 308.25,\n Texas: 301,\n Utah: 76,\n Vermont: 125,\n Virginia: 102.4,\n Washington: 200,\n 'West Virginia': 125,\n Wisconsin: 130,\n Wyoming: 100,\n },\n 'Foreign LLC': {\n Alabama: 150,\n Alaska: 350,\n Arizona: 150,\n Arkansas: 270,\n California: 75,\n Colorado: 100,\n Connecticut: 120,\n Delaware: 200,\n 'District of Columbia': 220,\n Florida: 125,\n Georgia: 225,\n Hawaii: 51,\n Idaho: 101,\n Illinois: 150,\n Indiana: 105,\n Iowa: 100,\n Kansas: 165,\n Kentucky: 90,\n Louisiana: 150,\n Maine: 250,\n Maryland: 156,\n Massachusetts: 520,\n Michigan: 50,\n Minnesota: 205,\n Mississippi: 250,\n Missouri: 105,\n Montana: 70,\n Nebraska: 115,\n Nevada: 425,\n 'New Hampshire': 100,\n 'New Jersey': 125,\n 'New Mexico': 100,\n 'New York': 250,\n 'North Carolina': 250,\n 'North Dakota': 135,\n Ohio: 125,\n Oklahoma: 300,\n Oregon: 275,\n Pennsylvania: 250,\n 'Rhode Island': 150,\n 'South Carolina': 110,\n 'South Dakota': 750,\n Tennessee: 300,\n Texas: 750,\n Utah: 76,\n Vermont: 125,\n Virginia: 102.4,\n Washington: 180,\n 'West Virginia': 150,\n Wisconsin: 100,\n Wyoming: 100,\n },\n 'Foreign Corp': {\n Alabama: 150,\n Alaska: 350,\n Arizona: 100,\n Arkansas: 270,\n California: 105,\n Colorado: 100,\n Connecticut: 385,\n Delaware: 245,\n 'District of Columbia': 220,\n Florida: 70,\n Georgia: 225,\n Hawaii: 41,\n Idaho: 101,\n Illinois: 175,\n Indiana: 105,\n Iowa: 100,\n Kansas: 115,\n Kentucky: 90,\n Louisiana: 125,\n Maine: 250,\n Maryland: 156,\n Massachusetts: 390,\n Michigan: 60,\n Minnesota: 220,\n Mississippi: 100,\n Missouri: 155,\n Montana: 70,\n Nebraska: 140,\n Nevada: 725,\n 'New Hampshire': 100,\n 'New Jersey': 125,\n 'New Mexico': 200,\n 'New York': 230,\n 'North Carolina': 250,\n 'North Dakota': 145,\n Ohio: 125,\n Oklahoma: 300,\n Oregon: 275,\n Pennsylvania: 250,\n 'Rhode Island': 310,\n 'South Carolina': 157.5,\n 'South Dakota': 750,\n Tennessee: 600,\n Texas: 750,\n Utah: 76,\n Vermont: 125,\n Virginia: 76.95,\n Washington: 180,\n 'West Virginia': 100,\n Wisconsin: 100,\n Wyoming: 100,\n },\n};\n","import { get, isEmpty, reduce } from 'lodash-es';\nimport moment from 'moment';\nimport { createSelector, defaultMemoize } from 'reselect';\nimport { parseShareLink } from '../../../components/formik/ShareLinks/ShareLinks';\n\nimport LLCDict from '../../../utils/LLCDict';\n\nconst defaultAddress = {\n line_one: '',\n line_two: '',\n city: '',\n state: '',\n zip: '',\n country: 'United States of America',\n};\n\nexport const isFetchingWithHooks = defaultMemoize(state =>\n get(state, 'Transaction.isFetching', false),\n);\n\nexport const isFetching = defaultMemoize(state => get(state, 'isFetching', false));\n\nconst getTransactionById = defaultMemoize((state, id) =>\n get(state, `transactions.byIds.${id}`, {}),\n);\n\nconst TransactionById = defaultMemoize((state, id) =>\n get(state, `Transaction.transactions.byIds.${id}`, {}),\n);\n\nexport const getQuestionnaireByTransactionId = defaultMemoize((state, id) =>\n get(state, `questionnaires.byIds.${id}.questionnaire`, {}),\n);\n\nexport const getQuestionnaireSnapshotByTransactionId = defaultMemoize((state, id) =>\n get(state, `questionnaires.byIds.${id}.questionnaire.finalize_snapshot[0]`, {}),\n);\n\nconst WorkflowCounselQuestions = defaultMemoize((state, id) =>\n get(state, `Transaction.questionnaires.byIds.${id}.counsel`, []),\n);\n\nconst WorkflowCounselOptions = defaultMemoize((state, id) =>\n get(state, `Transaction.questionnaires.byIds.${id}.counsel_options`, {}),\n);\n\nconst WorkflowProjectCounsels = defaultMemoize((state, id, projectId) =>\n get(state, `Project.accountProjects.byIds.${projectId}.counsel`, []),\n);\n\nexport const IsWorkflowCounselShowing = defaultMemoize(\n (state, id) =>\n get(state, `Transaction.questionnaires.byIds.${id}.counsel`, []).length > 0,\n);\n\nexport const WorkflowCounselForQuestionnaire = createSelector(\n WorkflowCounselQuestions,\n WorkflowCounselOptions,\n WorkflowProjectCounsels,\n (counselQuestions, counselOptions, counsels) =>\n counselQuestions.reduce((dict, e) => {\n let counselIndex = counsels.findIndex(\n counsel =>\n counsel.counsel_type === e.counsel_type &&\n (!isEmpty(counsel.user) || !isEmpty(counsel.partner)),\n );\n let formikValue = '';\n let options = [];\n const pastOptions = get(counselOptions, `past[${e.counsel_type}]`, []).map(e => ({\n ...e,\n isPastOption: true,\n }));\n\n if (!isEmpty(counselOptions)) {\n options = [...pastOptions, ...counselOptions.allowed];\n }\n\n options = options.reduce((updatedOptions, option) => {\n if (\n updatedOptions.findIndex(\n val => val.user_id === option.user_id && val.partner_id === option.partner_id,\n ) !== -1\n ) {\n return updatedOptions;\n }\n if (\n (!!e.allow_partner && !!e.allow_user) ||\n (!!e.allow_partner && option.partner_id) ||\n (!!e.allow_user && option.user_id)\n ) {\n let label =\n option.name ||\n (!isEmpty(option.user) &&\n !isEmpty(option.partner) &&\n `${option.user.full_name} from ${option.partner.name}`) ||\n (!isEmpty(option.user) && option.user.full_name) ||\n (!isEmpty(option.partner) && option.partner.name);\n\n if (e.isPastOption && !e.preferred_partner_id) {\n label += ' (Priorly Assigned Role)';\n }\n\n updatedOptions.push({\n ...option,\n counsel_type: e.counsel_type,\n label,\n value:\n (option.partner_id &&\n option.user_id &&\n `${option.user_id}|${option.partner_id}`) ||\n option.partner_id ||\n option.user_id,\n });\n }\n return updatedOptions;\n }, []);\n\n if (counselIndex !== -1) {\n const counsel = counsels[counselIndex];\n const matchingCounselIndex = options.findIndex(\n option =>\n (counsel.user_id &&\n counsel.partner_id &&\n counsel.user_id === option.user_id &&\n counsel.partner_id === option.partner_id) ||\n (counsel.user_id &&\n !counsel.partner_id &&\n counsel.user_id === option.user_id) ||\n (counsel.partner_id &&\n !counsel.user_id &&\n counsel.partner_id === option.partner_id),\n );\n if (matchingCounselIndex !== -1) {\n formikValue = {\n ...options[matchingCounselIndex],\n id: counsel.id,\n };\n options[matchingCounselIndex] = formikValue;\n } else {\n let label =\n counsel.name ||\n (!isEmpty(counsel.user) &&\n !isEmpty(counsel.partner) &&\n `${counsel.user.full_name} from ${counsel.partner.name}`) ||\n (!isEmpty(counsel.user) && counsel.user.full_name) ||\n (!isEmpty(counsel.partner) && counsel.partner.name);\n\n formikValue = {\n ...counsel,\n label,\n value:\n (counsel.partner_id &&\n counsel.user_id &&\n `${counsel.user_id}|${counsel.partner_id}`) ||\n counsel.user_id ||\n counsel.partner_id,\n };\n options.shift(formikValue);\n }\n }\n\n dict.push({\n ...e,\n formikValue,\n // isNotAssigned,\n label: `Assign ${e.counsel_type} to this workflow`,\n options,\n });\n return dict;\n }, []),\n);\n\nexport const DocumentError = defaultMemoize(state =>\n get(state, 'Transaction.documentError', ''),\n);\n\nexport const getConnectedOutsideForms = createSelector(\n getTransactionById,\n ({ tasks = [] }) => {\n let isEmpty = true;\n let openFormTemplates = [];\n let openForms = [];\n let sharedForms = [];\n tasks.forEach(e => {\n if ((e?.outside_forms || []).length > 0) {\n isEmpty = false;\n e.outside_forms.forEach(form => {\n if (form.metadata?.type === 'persistent') {\n openFormTemplates.push(form);\n } else if (form.metadata?.type === 'persistent_instance') {\n openForms.push(form);\n } else {\n sharedForms.push(form);\n }\n });\n }\n });\n return {\n isEmpty,\n openFormTemplates,\n openForms,\n sharedForms,\n };\n },\n);\n\nexport const getNonOpenForms = createSelector(getTransactionById, ({ tasks = [] }) => {\n let sharedForms = [];\n tasks.forEach(e => {\n if ((e?.outside_forms || []).length > 0) {\n e.outside_forms.forEach(form => {\n if (\n form.metadata?.type !== 'persistent' &&\n form.metadata?.type === 'persistent_instance'\n ) {\n sharedForms.push(form);\n }\n });\n }\n });\n return sharedForms;\n});\n\nexport const getSharedForms = createSelector(getTransactionById, ({ tasks = [] }) =>\n tasks.reduce((dict, e) => {\n if (get(e, 'outside_forms', []).length > 0) {\n dict = [...dict, ...e.outside_forms];\n }\n return dict;\n }, []),\n);\n\nexport const isDocumentTransaction = createSelector(\n getTransactionById,\n ({ tasks = [] }) =>\n tasks.findIndex(\n e =>\n e.template.type === 'Document' &&\n !e.bypassed &&\n !get(e.template, `task_event.modes[${e.mode}].skip_document`, false),\n ) !== -1,\n);\n\nexport const IsDocumentTransaction = createSelector(\n TransactionById,\n ({ tasks = [] }) =>\n tasks.findIndex(\n e =>\n e.template.type === 'Document' &&\n !e.bypassed &&\n !get(e.template, `task_event.modes[${e.mode}].skip_document`, false),\n ) !== -1,\n);\n\nconst getTransactionValidators = createSelector(getTransactionById, transaction =>\n get(transaction, 'template.validators', []),\n);\n\nconst getQuestions = defaultMemoize((state, id) =>\n get(state, `questionnaires.byIds.${id}.questionnaire.questions`, []),\n);\n\nexport const CustomDocuments = defaultMemoize((state, id) =>\n get(state, `customDocuments.byIds[${id}]`, []),\n);\n\nexport const MyTemplatesWithHooks = defaultMemoize(state =>\n get(state, 'Transaction.myTemplates', []),\n);\n\nconst getTransactionsByModuleId = defaultMemoize((state, id) =>\n get(state, `transactions.byModule.${id}`, []).sort((a, b) =>\n moment(b.created_at).diff(moment(a.created_at)),\n ),\n);\n\nconst getDocumentsByTransaction = defaultMemoize((state, id) =>\n get(state, `documents.byTransaction.${id}`, []),\n);\n\nconst getOrderedDocumentsByTransaction = createSelector(\n getDocumentsByTransaction,\n documents =>\n documents.reduce((dict, e) => {\n e.redline_data.redlining_revisions.sort((a, b) =>\n moment(a.create_date).diff(moment(b.create_date)),\n );\n dict.push(e);\n return dict;\n }, []),\n);\n\nexport const TransactionWithDocuments = createSelector(\n getDocumentsByTransaction,\n getTransactionById,\n (documents, transaction) => {\n let isRedlining = false;\n const updatedTasks = get(transaction, 'tasks', []).reduce((dict, e) => {\n const docIndex = documents.findIndex(doc => doc.account_task_id === e.id);\n if (docIndex !== -1) {\n if (get(documents, `[${docIndex}].panda_data.redlining.status`, 0)) {\n isRedlining = true;\n }\n dict.push({ ...e, document: documents[docIndex] });\n } else {\n dict.push(e);\n }\n return dict;\n }, []);\n return { ...transaction, tasks: updatedTasks, isRedlining };\n },\n);\n\nconst getTransactionsForModuleView = createSelector(\n getTransactionsByModuleId,\n transactions =>\n transactions.reduce(\n (dict, e, index) => {\n if (e.state === 'Completed') {\n dict.completedTransactions.push(e);\n } else {\n dict.incompleteTransactions.push(e);\n }\n return dict;\n },\n { completedTransactions: [], incompleteTransactions: [] },\n ),\n);\n\nconst getFaqsFromTransaction = createSelector(getTransactionById, transaction => {\n const faqs = get(transaction, 'tasks', []).reduce((dict, e, index) => {\n (e.template?.faqs || []).forEach(faq => dict.push(faq));\n return dict;\n }, []);\n return faqs;\n});\n\nconst getQuestionsOrderedByResource = createSelector(getQuestions, questions => {\n const orderedQuestions = reduce(\n questions,\n (dict, e, ind) => {\n if (isEmpty(dict[e.resource_variable_name])) {\n dict[e.resource_variable_name] = {\n isCompany: e.resource_variable_name === 'Company',\n name: e.resource_variable_name,\n custom_label: e.resource_custom_label || e.resource_variable_name,\n multi_entry: e.multi_entry,\n feature_type: 'resource_group',\n resource_type_id: e.feature_type.resource_type_id,\n question_order: e.question_order,\n innerQuestions: [e],\n };\n } else {\n dict[e.resource_variable_name].innerQuestions.push(e);\n }\n dict[e.resource_variable_name].innerQuestions.sort(\n (a, b) => a.question_order - b.question_order,\n );\n return dict;\n },\n {},\n );\n return orderedQuestions;\n});\n\nconst getResources = defaultMemoize((state, id) =>\n get(state, `questionnaires.byIds.${id}.resources`, {}),\n);\n\nconst getResourceOptions = createSelector(getResources, resources => ({\n ...reduce(\n resources,\n (dict, e, key) => {\n dict[key] = [\n ...e.map(resource => ({\n value: resource.name,\n label: resource.name,\n is_draft: resource.is_draft,\n resourceId: resource.id,\n resourceType: resource.resource_type,\n finalized: !!resource.finalized,\n })),\n ];\n return dict;\n },\n {},\n ),\n}));\n\nconst updatePrereqQuestions = (dict, resourceType, resourceTypeIndex) => {\n let resourceTypeResourceArr = resourceType.resourceArr.reduce(\n (resourceArr, resource) => {\n let innerQuestions = resource.innerQuestions.reduce(\n (innerQs, innerQ, questionIndex) => {\n if (innerQ.required_question_id) {\n const requiredQuestionIndex = innerQs.findIndex(\n e => e.id === innerQ.required_question_id,\n );\n const actualVal = get(innerQs, `[${requiredQuestionIndex}].value`, '');\n if (\n (typeof actualVal === 'string' &&\n actualVal !== innerQ.required_question_value) ||\n (typeof actualVal === 'number' &&\n actualVal != innerQ.required_question_value) || // eslint-disable-line eqeqeq\n (typeof actualVal === 'boolean' &&\n innerQ.required_question_value != actualVal) || // eslint-disable-line eqeqeq\n (actualVal.constructor === Array &&\n !actualVal.includes(innerQ.required_question_value))\n ) {\n innerQs[questionIndex] = {\n ...innerQs[questionIndex],\n isHidden: true,\n };\n } else {\n innerQs[questionIndex] = {\n ...innerQs[questionIndex],\n isHidden: false,\n };\n }\n }\n if (innerQ.feature_type.feature_type === 'attorney_lane') {\n innerQ.feature_type.options = innerQ.feature_type.lanes.map(\n ({ id, title }) => ({\n value: id,\n label: title,\n }),\n );\n innerQs[questionIndex] = {\n ...innerQ,\n };\n }\n if (innerQ.feature_type.feature_type === 'attorney') {\n const attorneyLaneIndex = innerQs.findIndex(\n e => e.feature_type.feature_type === 'attorney_lane',\n );\n if (attorneyLaneIndex !== -1 && innerQs[attorneyLaneIndex].value) {\n const updatedOptions = get(\n innerQ,\n `feature_type.attorneys_by_lane[${innerQs[attorneyLaneIndex].value}]`,\n [],\n ).map(e => ({\n label: `${e.first_name} ${e.last_name}`,\n value: e.id,\n }));\n innerQ.feature_type.options = updatedOptions;\n innerQ.isHidden = false;\n if (\n innerQ.value &&\n updatedOptions.findIndex(e => e.value == innerQ.value) === -1 // eslint-disable-line eqeqeq\n ) {\n innerQ.value = '';\n }\n } else {\n innerQ.isHidden = true;\n }\n innerQs[questionIndex] = {\n ...innerQ,\n };\n }\n return innerQs;\n },\n resource.innerQuestions,\n );\n resourceArr.push(innerQuestions);\n return resourceArr;\n },\n [],\n );\n dict.push({\n ...resourceType,\n resourceTypeResourceArr,\n });\n return dict;\n};\n\nconst getOrderedQuestions = createSelector(\n getQuestionsOrderedByResource,\n getResources,\n (questions, resources) => {\n let orderedQuestions = reduce(\n questions,\n (dict, e, key) => {\n let resourceArr = [];\n if (resources[e.resource_type_id]) {\n reduce(\n resources[e.resource_type_id],\n (arr, resource) => {\n const resourceVariableName = get(resource, 'resource_variable_name', []);\n const resourceInd = resourceVariableName.findIndex(\n resVarName => resVarName === key,\n );\n if (\n resourceInd !== -1 ||\n (resource.resource_type_id === 2 &&\n resource.resource_label !== 'Fund Performance')\n ) {\n let updatedQuestions = [...e.innerQuestions];\n reduce(\n resource.features,\n (updatedQs, feature) => {\n const filteredQs = updatedQs.filter(\n e => e.feature_type.id === feature.feature_type_id,\n );\n if (!isEmpty(filteredQs)) {\n filteredQs.forEach(q => {\n const questionIndex = updatedQs.findIndex(\n updatedQ => updatedQ.id === q.id,\n );\n let updatedVal = feature.value;\n\n if (\n q.feature_type.name === 'entity_type' &&\n resource.resource_type === 'Company'\n ) {\n const entityNameQIndex = updatedQs.findIndex(\n updatedQ => updatedQ.feature_type.name === 'name',\n );\n if (entityNameQIndex !== -1) {\n updatedQs[entityNameQIndex] = {\n ...updatedQs[entityNameQIndex],\n entityType: feature.value || '',\n };\n }\n }\n if (\n q.feature_type.name === 'already_formed_entity' &&\n resource.resource_type === 'Company'\n ) {\n const entityNameQIndex = updatedQs.findIndex(\n updatedQ => updatedQ.feature_type.name === 'name',\n );\n if (entityNameQIndex !== -1) {\n updatedQs[entityNameQIndex] = {\n ...updatedQs[entityNameQIndex],\n isEntityFormed: feature.value === 'Yes',\n };\n }\n }\n if (q.feature_type.feature_type === 'calendly') {\n e.isCalendly = true;\n }\n if (q.feature_type.feature_type === 'date') {\n if (feature.value) {\n updatedVal = moment(feature.value, [\n 'MM-DD-YYYY',\n 'MM/DD/YYYY',\n 'MMM Do, YYYY',\n 'D MMM YYYY',\n 'MMM D, YYYY',\n 'MMM. D, YYYY',\n ]).format('MM/DD/YYYY');\n }\n }\n if (q.feature_type.feature_type === 'month') {\n if (feature.value) {\n updatedVal = moment(updatedVal, [\n 'MM-YYYY',\n 'MM/YYYY',\n 'MMM YYYY',\n ]).format('MM/YYYY');\n }\n }\n if (q.feature_type.feature_type === 'address') {\n let matches =\n updatedVal.match(/(.*)\\n(.*)\\n(.*), ([a-z\\s]*)(.*)/i) || [];\n if (!isEmpty(updatedVal) && isEmpty(matches)) {\n updatedVal = defaultAddress;\n } else {\n updatedVal = {\n line_one: get(matches, '[1]', ''),\n line_two: get(matches, '[2]', ''),\n city: get(matches, '[3]', ''),\n state: get(matches, '[4]', ''),\n zip: get(matches, '[5]', ''),\n };\n }\n }\n if (q.feature_type.feature_type === 'address_universal') {\n let matches =\n updatedVal.match(\n /(.*)\\n(.*)\\n(.*), ([a-z\\s]*) (.*)?(\\n(.*))?/i,\n ) || [];\n if (!isEmpty(updatedVal) && isEmpty(matches)) {\n updatedVal = defaultAddress;\n } else {\n updatedVal = {\n line_one: get(matches, '[1]', ''),\n line_two: get(matches, '[2]', ''),\n city: get(matches, '[3]', ''),\n state: get(matches, '[4]', ''),\n zip: get(matches, '[5]', ''),\n country: get(matches, '[7]', 'United States of America'),\n };\n }\n }\n updatedQs[questionIndex] = {\n ...updatedQs[questionIndex],\n value: updatedVal,\n feature_id: feature.feature_id,\n fixed: feature.fixed,\n };\n });\n }\n return updatedQs;\n },\n updatedQuestions,\n );\n arr.push({\n ...e,\n innerQuestions: updatedQuestions,\n resource_id: resource.id,\n resource_name: resource.name,\n resource_type: resource.resource_type,\n is_draft: resource.is_draft,\n });\n }\n return arr;\n },\n resourceArr,\n );\n }\n resourceArr.sort((a, b) => a.resource_id - b.resource_id);\n dict.push({\n ...e,\n resourceArr,\n });\n return dict;\n },\n [],\n );\n orderedQuestions.sort((a, b) => {\n if (a.question_order && b.question_order) {\n return a.question_order - b.question_order;\n }\n return a.feature_type.order_by - b.feature_type.order_by;\n });\n orderedQuestions = reduce(orderedQuestions, updatePrereqQuestions, []);\n return orderedQuestions;\n },\n);\n\nexport const getQuestionnaireResourcesLength = createSelector(\n getOrderedQuestions,\n questions => {\n let length = 0;\n for (let i = 0; i < questions.length; i++) {\n length += questions[i].resourceArr.length;\n }\n return length;\n },\n);\n\nconst getFeesFromTransaction = createSelector(\n getTransactionById,\n getOrderedQuestions,\n (transaction, questions) => {\n let fees = [];\n let addons = [];\n let feesTotal = 0;\n let addonsTotal = 0;\n let amountTotal = 0;\n let counter = get(transaction, 'tasks', []).length;\n get(transaction, 'tasks', []).forEach((task, i) => {\n const product = get(task, 'product', {});\n let productFees = get(product, 'fees', []);\n let additionalFees = 0;\n for (let fee of productFees) {\n fee.taskId = task.id;\n if (fee.is_annual) {\n const questionIndex = questions.findIndex(e => e.name === 'Company');\n if (questionIndex !== -1) {\n const innerQs = get(\n questions,\n `[${questionIndex}].resourceArr[0].innerQuestions`,\n [],\n );\n const innerQsIndex = innerQs.findIndex(\n e => e.feature_type.id === fee.feature_type_id,\n );\n if (innerQsIndex !== -1) {\n fee.amount =\n innerQs[innerQsIndex].value === 'Delaware'\n ? '$450'\n : 'You will be contacted about additional state fees.';\n } else {\n fee.amount = 'You will be contacted about additional state fees';\n }\n }\n }\n if (fee.dynamic_table) {\n const resourceName =\n fee.dynamic_table === 'Foreign LLC' || fee.dynamic_table === 'Foreign Corp'\n ? 'Operating State'\n : 'Company';\n const questionIndex = questions.findIndex(e => e.name === resourceName);\n if (questionIndex !== -1) {\n const innerQs = get(\n questions,\n `[${questionIndex}].resourceArr[0].innerQuestions`,\n [],\n );\n const innerQsIndex = innerQs.findIndex(\n e => e.feature_type.id === fee.feature_type_id,\n );\n if (innerQsIndex !== -1) {\n fee.amount = get(\n LLCDict,\n `[${fee.dynamic_table}][${innerQs[innerQsIndex].value}]`,\n fee.amount,\n );\n additionalFees += fee.amount;\n }\n }\n }\n }\n feesTotal += get(product, 'fee_total', 0) + additionalFees;\n addonsTotal += get(product, 'addon.amount', 0);\n amountTotal +=\n get(product, 'fee_total', 0) + additionalFees + get(product, 'addon.amount', 0);\n fees = [...fees, ...productFees];\n if (product.addon) {\n addons.push({ ...product.addon, taskId: task.id });\n }\n counter--;\n });\n if (counter === 0) {\n return { addons, amountTotal, fees, addonsTotal, feesTotal };\n }\n },\n);\n\nexport const CustomDocumentsFormikValues = createSelector(CustomDocuments, customDocs => {\n const customDocFormikVals = reduce(\n customDocs,\n (dict, e, index) => {\n if (!isEmpty(e.custom_document)) {\n const updatedFields = Object.entries(e.custom_document.fields).reduce(\n (dict, [fieldKey, fieldValue], ind) => ({\n ...dict,\n [fieldKey]: fieldValue.value,\n }),\n {},\n );\n dict.push({\n fields: updatedFields,\n recipients: e.custom_document.recipients,\n });\n }\n return dict;\n },\n [],\n );\n return customDocFormikVals;\n});\n\nconst newInvestorNames = [\n 'New Applicant',\n 'New Investor',\n 'New Investor Signatory',\n 'New Investor Signatory (Full Legal Name)',\n 'New Attorney',\n 'New Attorney Signatory',\n 'New Captain',\n 'New Coach',\n 'New Coach Signatory',\n 'New Contractor',\n 'New Partner',\n 'New Partner Signatory',\n 'New General Partner',\n 'New Prospective Investor',\n 'New Fund Manager',\n 'New Participant CEO',\n 'New Officer',\n 'New Potential Founder',\n 'New Party',\n];\n\nconst getFormikValues = createSelector(getOrderedQuestions, questions => {\n const formikValues = reduce(\n questions,\n (dict, e, ind) => {\n if (e.resourceArr.length > 0) {\n dict[e.name] = [];\n e.resourceArr.forEach(resource => {\n let resourceName = resource.resource_name;\n if (newInvestorNames.indexOf(resourceName) !== -1) {\n resourceName = '';\n }\n dict[e.name] = [\n ...dict[e.name],\n {\n resource: resourceName,\n ...reduce(\n resource.innerQuestions,\n (obj, val, index) => {\n if (!val.isHidden) {\n if (val.feature_type.feature_type === 'boolean') {\n const valStr = val.value + '';\n obj[val.question_label] =\n valStr === '1' || valStr === 'true' ? 'Yes' : 'No';\n } else if (\n !val.value &&\n (val.feature_type.feature_type === 'address' ||\n val.feature_type.feature_type === 'address_universal')\n ) {\n obj[val.question_label] = defaultAddress;\n } else {\n obj[val.question_label] = val.value || '';\n }\n }\n return obj;\n },\n {},\n ),\n },\n ];\n });\n } else {\n dict[e.name] = [\n {\n resource: '',\n isInitial: true,\n ...reduce(\n e.innerQuestions,\n (obj, val) => {\n if (\n val.feature_type.feature_type === 'address' ||\n val.feature_type.feature_type === 'address_universal'\n ) {\n obj[val.question_label] = defaultAddress;\n } else {\n obj[val.question_label] = '';\n }\n\n return obj;\n },\n {},\n ),\n },\n ];\n }\n return dict;\n },\n {},\n );\n return formikValues;\n});\n\nconst getReviewValues = createSelector(getOrderedQuestions, questions => {\n const formikValues = reduce(\n questions,\n (dict, e, ind) => {\n if (e.resourceArr.length > 0) {\n dict[e.name] = [];\n e.resourceArr.forEach(resource => {\n dict[e.name] = [\n ...dict[e.name],\n {\n resource: resource.resource_name,\n 'Custom Label': resource.custom_label,\n ...reduce(\n resource.innerQuestions,\n (obj, val, index) => {\n if (\n !val.isHidden &&\n val.feature_type.name !== 'name' &&\n val.feature_type.name !== 'operating_state'\n ) {\n if (val.feature_type.feature_type === 'attorney_lane' && val.value) {\n val.initVal = val.value;\n val.value =\n val.lanes[\n val.lanes.findIndex(\n lane => lane.id == val.value, // eslint-disable-line eqeqeq\n )\n ].title;\n }\n if (val.feature_type.feature_type === 'attorney' && val.value) {\n const lanesQuestionsIndex = resource.innerQuestions.findIndex(\n innerQ => innerQ.feature_type.feature_type === 'attorney_lane',\n );\n if (resource.innerQuestions[lanesQuestionsIndex].initVal) {\n const attorneysLane =\n val.attorneys_by_lane[\n resource.innerQuestions[lanesQuestionsIndex].initVal\n ];\n const attorney =\n attorneysLane[\n attorneysLane.findIndex(\n attorney => attorney.id == val.value, // eslint-disable-line eqeqeq\n )\n ];\n val.value = `${attorney.first_name} ${attorney.last_name}`;\n }\n }\n if (val.feature_type.feature_type === 'document') {\n val.initVal = val.value;\n if (!!val.value) {\n obj[val.question_label] = {\n value: 'Uploaded',\n isDocument: true,\n fileId: val.value,\n label: 'View Document in File Cabinet',\n };\n } else {\n obj[val.question_label] = '';\n }\n } else if (\n val.feature_type.feature_type === 'share_links' &&\n !!val.value\n ) {\n obj[val.question_label] = parseShareLink(val.value);\n } else if (\n val.feature_type.feature_type === 'related_resource' &&\n !!val.value\n ) {\n obj[val.question_label] = get(\n val,\n `resourceListData[${val.value}][0].value`,\n val.value,\n );\n } else if (\n val.feature_type.feature_type === 'social_security' &&\n val.value &&\n val.value.length === 9\n ) {\n obj[val.question_label] = '*****' + val.value.slice(5);\n } else if (val.feature_type.feature_type === 'template_document') {\n obj[val.question_label] = {\n path: val.path,\n isLink: true,\n label: 'View Document Template',\n };\n } else if (val.feature_type.feature_type === 'boolean') {\n const valStr = val.value + '';\n obj[val.question_label] =\n valStr === 'true' || valStr === '1' ? 'Yes' : 'No';\n } else {\n obj[val.question_label] = val.value || '';\n }\n }\n return obj;\n },\n {},\n ),\n },\n ];\n });\n } else {\n dict[e.name] = [\n // {\n // resource: '',\n // ...reduce(\n // e.innerQuestions,\n // (obj, val) => {\n // obj[val.question_label] = '';\n // return obj;\n // },\n // {},\n // ),\n // },\n ];\n }\n return dict;\n },\n {},\n );\n return formikValues;\n});\n\n/** *** MY TASKS VIEW SELECTORS BEGIN *** */\nconst MyTransactionsCompanies = defaultMemoize(state =>\n get(state, 'Company.companies.byIds', {}),\n);\n\nexport const MyTransactions = defaultMemoize(state =>\n get(state, 'Transaction.myTransactions', []),\n);\n\nexport const MyTransactionsWithCompany = createSelector(\n MyTransactions,\n MyTransactionsCompanies,\n (transactions, companies) =>\n transactions.map(e => ({\n ...e,\n account_name: get(companies, `[${e.account_id}].account_name`, ''),\n })),\n);\n/** *** MY TASKS VIEW SELECTORS END *** */\n\n// const ACTION_FORM_TEMPLATE_IDS = [413, 388, 355];\nconst ACTION_FORM_TEMPLATE_IDS = [388, 389, 413, 417, 420, 421, 426, 428, 429, 431, 458];\n\n/** *** TASKS VIEW SELECTORS BEGIN *** */\nexport const getAllTransactions = createSelector(\n getTransactionsByModuleId,\n allTransactions => {\n const transactions = allTransactions.reduce((dict, e) => {\n if (ACTION_FORM_TEMPLATE_IDS.includes(e.template.id)) {\n return dict;\n }\n if (e.open) {\n dict.push({\n ...e,\n updatedActionLabel: 'Continue',\n taskStatus: 'Open',\n });\n } else if (e.state === 'Completed') {\n dict.push({\n ...e,\n updatedActionLabel: 'View Task',\n taskStatus: 'Completed',\n });\n } else if (!e.open && (e.template.is_assessment || e.template.id === 88)) {\n dict.push({\n ...e,\n updatedActionLabel: 'View Overview',\n taskStatus: 'Completed',\n });\n } else if (!e.open && e.state === 'Processing') {\n dict.push({\n ...e,\n updatedActionLabel: 'Review',\n taskStatus: 'Pending',\n });\n } else {\n dict.push({\n ...e,\n });\n }\n return dict;\n }, []);\n return transactions;\n },\n);\n\nexport const getCompletedTransactions = createSelector(\n getTransactionsByModuleId,\n transactions =>\n transactions.reduce((dict, e) => {\n if (e.state === 'Completed') {\n dict.push({\n ...e,\n updatedActionLabel: 'View Task',\n taskStatus: 'Completed',\n });\n } else if (!e.open && (e.template.is_assessment || e.template.id === 88)) {\n dict.push({\n ...e,\n updatedActionLabel: 'View Overview',\n taskStatus: 'Completed',\n });\n }\n // } else if (!e.open && !e.template.is_assessment) {\n // dict.push({\n // ...e,\n // updatedActionLabel: 'Review',\n // updatedStateLabel: e.state,\n // });\n // }\n return dict;\n }, []),\n);\n\nexport const getMissingInfoTransactions = createSelector(\n getTransactionsByModuleId,\n transactions =>\n transactions.reduce((dict, e, ind) => {\n if (e.open) {\n dict.push({\n ...e,\n taskStatus: 'Open',\n });\n } else {\n }\n return dict;\n }, []),\n);\n\nexport const getPendingTransactions = createSelector(\n getTransactionsByModuleId,\n transactions =>\n transactions.reduce((dict, e, ind) => {\n if (\n !e.open &&\n !e.template.is_assessment &&\n e.template.id !== 88 &&\n e.state !== 'Completed'\n // e.tasks.findIndex(\n // task =>\n // (task.template.type === 'Outside' || task.template.type === 'Filing') &&\n // task.state !== 'completed',\n // ) !== -1\n ) {\n dict.push({\n ...e,\n updatedActionLabel: 'Review',\n taskStatus: 'Pending',\n });\n }\n return dict;\n }, []),\n);\n/** *** TASKS VIEW SELECTORS END *** */\n\nexport {\n // getReviewData,\n // getValues,\n getFaqsFromTransaction,\n getFeesFromTransaction,\n getFormikValues,\n getOrderedQuestions,\n getOrderedDocumentsByTransaction,\n // getProcessingTransactions,\n getResources,\n getResourceOptions,\n getReviewValues,\n getTransactionById,\n getTransactionsForModuleView,\n getTransactionsByModuleId,\n getTransactionValidators,\n};\n","import { combineReducers } from 'redux';\n\nimport { apiErrorsReducer, createReducer, fetchingReducer } from '../../utils';\nimport {\n ADD_ACH_SUCCESS,\n ADD_METHOD_SUCCESS,\n // ADD_METHODV2_SUCCESS,\n GET_PLAID_TOKEN_SUCCESS,\n GET_METHODS_SUCCESS,\n GET_METHODSV2_SUCCESS,\n MERGE_SUBSCRIPTION,\n MERGE_SUBSCRIPTIONV2,\n REMOVE_METHOD,\n REMOVE_METHODV2,\n SET_DEFAULT_SUCCESS,\n SET_INVOICE,\n SET_INVOICEV3,\n SET_MERCURY_BANKS,\n SET_METHODS_BY_PARTNER,\n GET_SUBSCRIPTION_PREVIEW_SUCCESS,\n VERIFY_ACH_SUCCESS,\n SET_STRIPE_DOMAIN_SLUG,\n CLEAR_STRIPE_DOMAIN_SLUG,\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 methodsV2Reducer = createReducer({})({\n [GET_METHODSV2_SUCCESS]: (state, { payload }) => {\n return payload;\n },\n // [ADD_METHODV2_SUCCESS]: (state, { payload }) => payload,\n // [SET_DEFAULTV2_SUCCESS]: (state, { payload }) => payload,\n [SET_METHODS_BY_PARTNER]: (state, { payload, partnerSlug }) => {\n return {\n ...state,\n [partnerSlug]: payload,\n };\n },\n [REMOVE_METHODV2]: (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 invoiceV3Reducer = createReducer({})({\n [SET_INVOICEV3]: (state, { payload }) => payload,\n});\n\nconst subscriptionReducer = createReducer({})({\n [MERGE_SUBSCRIPTION]: (state, { payload }) => ({\n ...state,\n ...payload,\n }),\n});\nconst subscriptionV2Reducer = createReducer({})({\n [MERGE_SUBSCRIPTIONV2]: (state, { payload }) => ({\n ...state,\n ...payload,\n }),\n});\n\n// const defaultStripeKeysDict = {\n// paperos: 'pk_test_EkK8QpA6HsXQnc3LYvLFrwmh',\n// develop: 'pk_test_5gkLdQ08xKKLC3sdiujD9zpT',\n// };\n\nconst stripeDomainSlugReducer = createReducer(\n sessionStorage.getItem('stripeDomainSlug') || 'paperos',\n)({\n [SET_STRIPE_DOMAIN_SLUG]: (state, action) => action.selectedSlug,\n [CLEAR_STRIPE_DOMAIN_SLUG]: (state, action) => action.selectedSlug,\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 accountMercuryBanksReducer = createReducer([])({\n [SET_MERCURY_BANKS]: (state, { payload }) => [...payload],\n});\n\nconst isSynced = createReducer(false)({});\n\nexport default combineReducers({\n isFetching,\n methods: methodsReducer,\n methodsV2: methodsV2Reducer,\n invoices: invoiceReducer,\n invoicesV3: invoiceV3Reducer,\n subscription: subscriptionReducer,\n subscriptionV2: subscriptionV2Reducer,\n subscriptionPreview: subscriptionPreviewReducer,\n ach: achReducer,\n plaidToken: plaidTokenReducer,\n apiErrors: apiErrorsReducer('billing'),\n defaultMethod: defaultMethodReducer,\n accountMercuryBanks: accountMercuryBanksReducer,\n stripeDomainSlug: stripeDomainSlugReducer,\n isSynced,\n});\n","import { combineReducers } from 'redux';\n\nimport { createReducer, fetchingReducer } from '../../utils';\nimport {\n GET_TEMPORARY_BOX_TOKEN_SUCCESS,\n BOX_TOKEN_FAILED,\n BOX_TOKEN_SUCCESS,\n SET_USER_DOCUMENT_BOX_TOKEN,\n SET_BOX_TOKEN,\n SET_TEMP_TOKEN_FETCH_INITIALIZED,\n} from './types';\n\nconst isFetching = fetchingReducer('cabinet');\n\nconst boxTokenReducer = createReducer({})({\n [BOX_TOKEN_SUCCESS]: (state, { payload }) => payload.token,\n [SET_BOX_TOKEN]: (state, { payload }) => payload.token,\n});\n\nconst userDocumentsBoxTokensReducer = createReducer({})({\n [SET_USER_DOCUMENT_BOX_TOKEN]: (state, { payload, documentId }) => ({\n ...state,\n [documentId]: payload.token,\n }),\n});\n\nconst tempBoxTokenReducer = createReducer({\n token: {},\n isInitialized: false,\n})({\n [GET_TEMPORARY_BOX_TOKEN_SUCCESS]: (state, { payload }) => ({\n ...state,\n token: payload.token,\n }),\n [SET_TEMP_TOKEN_FETCH_INITIALIZED]: (state, { isInitialized }) => ({\n ...state,\n isInitialized,\n }),\n});\n\nconst errorsReducer = createReducer({})({\n [BOX_TOKEN_FAILED]: (state, { payload, error }) => {\n if (error) {\n if (payload.name === 'ApiError') {\n return {\n token: payload.statusText,\n };\n } else {\n return { token: 'There was a network error' };\n }\n }\n return null;\n },\n});\n\n// const meta = createReducer(initUser)({\n// [SET_USER]: (state, action) => payload.meta\n// });\n\nexport default combineReducers({\n isFetching,\n box: boxTokenReducer,\n userDocumentsBoxTokens: userDocumentsBoxTokensReducer,\n tempBox: tempBoxTokenReducer,\n errors: errorsReducer,\n});\n","import { combineReducers } from 'redux';\n\nimport { apiErrorsReducer, createReducer, fetchingReducer } from '../../utils';\nimport * as Types from './types';\n\nconst companyReducer = createReducer({})({\n [Types['SET_COMPANIES']]: (state, { payload }) => ({\n ...state,\n byArr: [...payload],\n byIds: {\n ...state.byIds,\n ...payload.reduce((dict, e, ind) => {\n let account_group = e.account_group || dict[e.id]?.account_group;\n let account_order = dict[e.id]?.account_order || null;\n if (e.account_order > account_order) {\n account_order = e.account_order;\n }\n dict[e.id] = {\n ...e,\n account_group,\n account_order,\n };\n return dict;\n }, {}),\n },\n }),\n});\n\nconst isCompanyTokenRefreshingReducer = createReducer(false)({\n [Types['SET_COMPANY_TOKEN_REFRESHING']]: (state, { isRefreshing }) => isRefreshing,\n});\n\nconst companyDataTablesReducer = createReducer([])({\n [Types['SET_COMPANY_DATA_TABLES']]: (state, { payload }) => [...payload],\n});\n\nconst sharedReportsReducer = createReducer([])({\n [Types['SET_SHARED_REPORTS']]: (state, { payload }) => [...payload],\n});\n\nconst isFetching = fetchingReducer('company');\n\nexport default combineReducers({\n isFetching,\n apiErrors: apiErrorsReducer('company'),\n isCompanyTokenRefreshing: isCompanyTokenRefreshingReducer,\n companies: companyReducer,\n companyDataTables: companyDataTablesReducer,\n sharedReports: sharedReportsReducer,\n});\n","import { combineReducers } from 'redux';\n\nimport { apiErrorsReducer, createReducer, fetchingReducer } from '../../utils';\nimport * as Types from './types';\n\nconst allDocumentsReducer = createReducer({})({\n [Types['SET_ALL_DOCUMENTS']]: (state, { payload }) => {\n return {\n ...state,\n byArr: [...payload],\n };\n },\n});\n\nconst userDocumentsReducer = createReducer({ byArr: [] })({\n [Types['SET_USER_DOCUMENTS']]: (state, { payload }) => {\n return {\n ...state,\n byArr: [...payload],\n };\n },\n});\n\nconst documentReducer = createReducer({})({\n [Types['SET_DOCUMENTS_BY_PROJECT']]: (state, { payload, projectId }) => ({\n ...state,\n byProject: {\n ...state.byModule,\n [projectId]: [...payload],\n },\n }),\n [Types['SET_DOCUMENTS_BY_TRANSACTION']]: (state, { payload, transactionId }) => ({\n ...state,\n byTransaction: {\n ...state.byModule,\n [transactionId]: [...payload],\n },\n }),\n [Types['SET_DOCUMENTS']]: (state, { payload, taskId }) => {\n if (taskId) {\n return {\n ...state,\n byTaskId: {\n ...state.byTaskId,\n [taskId]: [...payload],\n },\n };\n }\n return {\n ...state,\n byArr: [...payload],\n };\n },\n [Types['SET_DOCUMENT_ERROR']]: (state, { error }) => ({\n ...state,\n error,\n }),\n [Types['CLEAR_DOCUMENT_ERROR']]: state => ({\n ...state,\n error: '',\n }),\n});\n\nconst documentRecipientsLinks = createReducer({})({\n [Types['SET_DOCUMENT_RECIPIENTS_LINKS']]: (state, { links, documentId }) => ({\n ...state,\n [documentId]: {\n ...state[documentId],\n ...links,\n },\n }),\n});\n\n// const customDocumentsReducer = createReducer({})({\n// // [Types['SET_TRANSACTION_QUESTIONNAIRE']]: (state, { payload }) => {\n// // return {\n// // ...state,\n// // byIds: {\n// // ...state.byIds,\n// // [payload.id]: [...payload.custom_documents],\n// // },\n// // };\n// // },\n// [Types['ADD_CUSTOM_DOCUMENT']]: (state, { payload, transactionId }) => ({\n// ...state,\n// byIds: {\n// ...state.byIds,\n// [transactionId]: [...state.byIds[transactionId], { ...payload }],\n// },\n// }),\n// [Types['SET_CUSTOM_DOCUMENT']]: (state, { payload, customDocIndex, transactionId }) => {\n// let newCustomDocuments = state.byIds[transactionId].slice();\n// newCustomDocuments[customDocIndex] = {\n// ...newCustomDocuments[customDocIndex],\n// custom_document: {\n// ...payload,\n// },\n// };\n\n// return {\n// ...state,\n// byIds: {\n// ...state.byIds,\n// [transactionId]: [...newCustomDocuments],\n// },\n// };\n// },\n// });\n\nconst isFetching = fetchingReducer('document');\n\nexport default combineReducers({\n isFetching,\n apiErrors: apiErrorsReducer('document'),\n // customDocuments: customDocumentsReducer,\n allDocuments: allDocumentsReducer,\n userDocuments: userDocumentsReducer,\n documents: documentReducer,\n documentRecipientsLinks,\n});\n","import { combineReducers } from 'redux';\n\nimport { createReducer, fetchingReducer } from '../../utils';\nimport * as Types from './types';\n\nconst dataRoomLinkReducer = () =>\n createReducer({})({\n [Types['SET_LINK']]: (state, { link }) => link,\n });\n\nconst accountRoomsReducer = createReducer([])({\n [Types['FETCH_ACCOUNT_ROOMS_SUCCESS']]: (state, { payload }) => [...payload],\n});\n\nconst roomFeatures = createReducer({})({\n [Types['SET_FEATURES_FOR_ROOM']]: (state, { payload, key }) => ({\n ...state,\n [key]: [...payload],\n }),\n});\n\nconst roomReducer = createReducer({})({\n [Types['SET_ROOM']]: (state, { payload, accessCode }) => ({\n ...state,\n [accessCode]: {\n ...payload,\n user_email: state[accessCode]?.user_email || payload?.user_email,\n identifier: state[accessCode]?.identifier || payload?.identifier,\n identifier_type: state[accessCode]?.identifier_type || payload?.identifier_type,\n },\n }),\n [Types['SET_ROOM_TOKEN']]: (state, { payload, accessCode }) => ({\n ...state,\n [accessCode]: {\n ...state[accessCode],\n ...payload,\n },\n }),\n});\n\nconst userRoomsReducer = createReducer([])({\n [Types['SET_USER_ROOMS']]: (state, { payload }) => payload,\n});\n\nconst roomCodesReducer = createReducer({})({\n [Types['SET_ROOM_CODES']]: (state, { payload, roomId }) => ({\n ...state,\n [roomId]: [...payload],\n }),\n});\n\nconst roomDocumentsReducer = createReducer({})({\n [Types['SET_ROOM_DOCUMENTS']]: (state, { payload, roomId }) => ({\n ...state,\n [roomId]: [...payload],\n }),\n});\n\nconst roomLinksReducer = createReducer({})({\n [Types['SET_ROOM_LINKS']]: (state, { payload, roomId }) => ({\n ...state,\n [roomId]: [...payload],\n }),\n});\n\nconst roomAccessLogReducer = createReducer({})({\n [Types['SET_ROOM_ACCESS_LOG']]: (state, { payload, roomId }) => ({\n ...state,\n [roomId]: [...payload],\n }),\n});\n\nconst roomHistoryReducer = createReducer({})({\n [Types['SET_ROOM_HISTORY']]: (state, { payload, roomId }) => ({\n ...state,\n [roomId]: [...payload],\n }),\n});\nconst roomParticipantsReducer = createReducer({})({\n [Types['SET_ROOM_PARTICIPANTS']]: (state, { payload, roomId }) => ({\n ...state,\n [roomId]: [...payload],\n }),\n});\n\nexport default combineReducers({\n accountRooms: accountRoomsReducer,\n dataRoomLink: dataRoomLinkReducer(),\n room: roomReducer,\n roomCodes: roomCodesReducer,\n roomDocuments: roomDocumentsReducer,\n roomLinks: roomLinksReducer,\n roomAccessLog: roomAccessLogReducer,\n roomHistory: roomHistoryReducer,\n roomParticipants: roomParticipantsReducer,\n roomFeatures,\n userRooms: userRoomsReducer,\n isFetching: fetchingReducer('data'),\n});\n","import { combineReducers } from 'redux';\n\nimport deepFreeze from 'deep-freeze';\n\nimport { apiErrorsReducer, createReducer, fetchingReducer } from '../../utils';\nimport * as Types from './types';\n\nconst resourcesByTypeIdReducer = () =>\n createReducer(deepFreeze({}))({\n [Types[`SET_RESOURCES_BY_TYPE_ID`]]: (state, { payload, resourceTypeId }) => ({\n ...state,\n [resourceTypeId]: [...payload],\n }),\n [Types[`SET_RESOURCE_BY_ID`]]: (state, { payload, resourceTypeId }) => {\n const resourceTypeObj = state[resourceTypeId] || [];\n let updatedArr = [...resourceTypeObj];\n const resourceIndex = updatedArr.findIndex(e => e.id === payload.id);\n if (resourceIndex !== -1) {\n updatedArr[resourceIndex] = {\n ...updatedArr[resourceIndex],\n ...payload,\n };\n } else {\n updatedArr.push(payload);\n }\n return {\n ...state,\n [resourceTypeId]: updatedArr,\n };\n },\n });\n\nconst featureReducer = () =>\n createReducer(deepFreeze({}))({\n [Types['SET_FEATURE']]: (\n state,\n { payload: { feature }, individualName, featureName },\n ) => {\n return {\n ...state,\n by_name: {\n ...state.by_name,\n [individualName]: {\n ...state.by_name[individualName],\n features: {\n ...state.by_name[individualName].features,\n [featureName]: [feature],\n },\n },\n },\n };\n },\n [Types['SET_FEATURES']]: (state, { payload, slug }) => ({\n ...state,\n [slug]: payload,\n }),\n [Types['PATCH_FEATURE']]: (\n state,\n { payload: { feature }, individualName, featureName },\n ) => {\n return {\n ...state,\n by_name: {\n ...state.by_name,\n [individualName]: {\n ...state.by_name[individualName],\n features: {\n ...state.by_name[individualName].features,\n [featureName]: [\n {\n ...state.by_name[individualName].features[featureName][0],\n feature_id: feature.id,\n feature_type_id: feature.feature_type_id,\n value: feature.value,\n },\n ],\n },\n },\n },\n };\n },\n [Types['REMOVE_INDIVIDUAL']]: (state, { resourceId }) => {\n const updatedByName = Object.fromEntries(\n Object.entries(state.by_name).filter(\n ([key, value]) => value.resource_id !== resourceId,\n ),\n );\n return {\n ...state,\n by_name: {\n ...updatedByName,\n },\n };\n },\n });\n\nconst accountInfoReducer = () =>\n createReducer(deepFreeze({}))({\n [Types['SET_ACCOUNT_INFO']]: (state, { payload }) => ({\n ...state,\n ...payload,\n }),\n });\n\n/**\n * Given the Formation state slice and a redux action this returns the updated Formation state slice.\n *\n * @param {object} state :: Formation state slice.\n * @param {object} action :: redux action.\n * @return {object} updated Formation state slice.\n */\nexport default combineReducers({\n resources: resourcesByTypeIdReducer(),\n features: featureReducer(),\n accountInfo: accountInfoReducer(),\n isFetching: fetchingReducer('formation'),\n apiErrors: apiErrorsReducer('formation'),\n});\n","import { combineReducers } from 'redux';\n\nimport { createReducer, fetchingReducer, getValidationErrors } from '../../utils';\nimport * as Types from './types';\n\nlet profile = {\n firstName: '',\n lastName: '',\n phone: '',\n};\n\nconst isFetching = fetchingReducer('profile');\nconst isDirty = createReducer(false)({\n [Types['UPDATE']]: (state, { payload }) => true,\n [Types['GET_SUCCESS']]: () => false,\n [Types['SAVE_SUCCESS']]: () => false,\n});\n\nconst profileReducer = createReducer(profile)({\n [Types['UPDATE']]: (state, { payload }) => ({ ...state, ...payload }),\n [Types['GET_SUCCESS']]: (state, { payload }) => ({ ...state, ...payload }),\n [Types['SAVE_SUCCESS']]: (state, { payload }) => ({ ...state, ...payload }),\n});\n\nconst counselsReducer = createReducer({})({\n [Types['SET_COUNSELS']]: (state, { payload }) => payload,\n});\n\nconst teamsReducer = createReducer([])({\n [Types['SET_TEAMS']]: (state, { payload }) => payload,\n});\n\nconst savviPartnersReducer = createReducer({ myPartners: [], partnerGroups: [] })({\n [Types['SET_SAVVI_PARTNERS']]: (state, { payload }) => ({\n ...state,\n myPartners: [...payload.my_partners],\n }),\n [Types['SET_SAVVI_PARTNER_GROUP']]: (state, { payload }) => {\n let newPartnerGroups = state.partnerGroups.slice();\n let groupIndex = newPartnerGroups.findIndex(e => e.id === payload.id);\n if (groupIndex === -1) {\n newPartnerGroups.push(payload);\n } else {\n newPartnerGroups[groupIndex] = {\n ...newPartnerGroups[groupIndex],\n ...payload,\n };\n }\n return {\n ...state,\n partnerGroups: [...newPartnerGroups],\n };\n },\n [Types['ADD_SAVVI_PARTNER_GROUP_MEMBER']]: (state, { payload, groupId }) => {\n let newPartnerGroups = state.partnerGroups.slice();\n let groupInd = newPartnerGroups.findIndex(e => e.id === groupId);\n let memberInd = newPartnerGroups[groupInd].members.findIndex(\n e => e.id === payload.id,\n );\n newPartnerGroups[groupInd].members.splice(memberInd, 0, payload);\n\n return {\n ...state,\n partnerGroups: [...newPartnerGroups],\n };\n },\n [Types['UPDATE_SAVVI_PARTNER_GROUP_MEMBER']]: (state, { payload, groupId }) => {\n let newPartnerGroups = state.partnerGroups.map((item, index) => {\n if (item.id !== groupId) {\n return item;\n }\n return {\n ...item,\n members: [\n ...item.members.map((member, ind) => {\n if (payload.id !== member.id) {\n return member;\n }\n return {\n ...member,\n ...payload,\n };\n }),\n ],\n };\n });\n\n return {\n ...state,\n partnerGroups: [...newPartnerGroups],\n };\n },\n [Types['REMOVE_SAVVI_PARTNER_GROUP_MEMBER']]: (state, { groupId, memberId }) => {\n let newPartnerGroups = state.partnerGroups.slice();\n let groupInd = newPartnerGroups.findIndex(e => e.id === groupId);\n let memberInd = newPartnerGroups[groupInd].members.findIndex(e => e.id === memberId);\n newPartnerGroups[groupInd].members.splice(memberInd, 1);\n\n return {\n ...state,\n partnerGroups: [...newPartnerGroups],\n };\n },\n});\n\nconst emailsReducer = createReducer({})({\n [Types['SET_EMAILS']]: (state, { payload }) => payload,\n});\n\nconst featureChangesReducer = createReducer([])({\n [Types['SET_FEATURE_CHANGES']]: (state, { payload }) => payload,\n});\n\nconst errorsReducer = createReducer({})({\n [Types['PASSWORD_REQUEST']]: () => ({}),\n [Types['GET_FAILED']]: (state, { payload }) => {\n const { message } = payload;\n if (message) {\n return { form: message };\n } else {\n return { form: 'There was an error while retrieving your profile.' };\n }\n },\n [Types['SAVE_FAILED']]: (state, { payload }) => {\n const { message, errors } = payload;\n if (errors) {\n return getValidationErrors(errors);\n } else if (message) {\n return { form: message };\n } else {\n return { form: 'There was an error while saving your settings.' };\n }\n },\n [Types['PASSWORD_FAILED']]: (state, { payload }) => {\n // currently not in use\n const { code, message, errors } = payload;\n if (code === 'INVALID_CREDENTIALS') {\n return { form: 'Your current password is incorrect, please try again.' };\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 saving your settings.' };\n }\n },\n});\n\nexport default combineReducers({\n counsels: counselsReducer,\n isFetching,\n isDirty,\n savviPartners: savviPartnersReducer,\n teams: teamsReducer,\n user: profileReducer,\n emails: emailsReducer,\n featureChanges: featureChangesReducer,\n errors: errorsReducer,\n});\n","import { combineReducers } from 'redux';\n\nimport { createReducer, fetchingReducer } from '../../utils';\nimport * as Types from './types';\n\nconst accountProjectReducer = createReducer({})({\n [Types['SET_ACCOUNT_PROJECT']]: (state, { payload }) => {\n return {\n ...state,\n byIds: {\n ...state.byIds,\n [payload.id]: {\n ...payload,\n },\n },\n };\n },\n [Types['SET_ACCOUNT_PROJECTS']]: (state, { payload }) => ({\n ...state,\n byOrder: payload,\n }),\n});\nconst projectReducer = createReducer({})({\n [Types['SET_PROJECTS']]: (state, { payload }) => ({\n ...state,\n byOrder: payload,\n }),\n // [Types['SET_PROJECTS']]: (state, { payload }) => {\n // const byId = payload.reduce((dict, e) => {\n // dict[e.id] = e;\n // return dict;\n // }, {});\n // return { ...byId };\n // },\n});\n\nconst isFetching = fetchingReducer('project');\n\nconst errors = createReducer({})({\n [Types.RESET_ERRORS]: () => ({}),\n [Types.SET_ERRORS]: errors => errors,\n});\n\nexport default combineReducers({\n isFetching,\n errors,\n projects: projectReducer,\n accountProjects: accountProjectReducer,\n});\n","import { combineReducers } from 'redux';\n\nimport { createReducer, fetchingReducer } from '../../utils';\nimport * as Types from './types';\n\nconst accountTodosReducer = createReducer([])({\n [Types['SET_ACCOUNT_TODOS']]: (state, { payload }) => [...payload],\n});\n\nconst assigneeOptionsReducer = createReducer([])({\n [Types['SET_ASSIGNEE_OPTIONS']]: (\n state,\n { payload, accountId, projectTemplateId },\n ) => ({\n ...state,\n [`${accountId}|${projectTemplateId}`]: [...payload],\n }),\n});\n\nconst teamTodosReducer = createReducer([])({\n [Types['SET_TEAM_TODOS']]: (state, { payload }) => [...payload],\n});\n\nconst isFetching = fetchingReducer('todos');\n\nexport default combineReducers({\n isFetching,\n accountTodos: accountTodosReducer,\n assigneeOptions: assigneeOptionsReducer,\n teamTodos: teamTodosReducer,\n});\n","import { combineReducers } from 'redux';\n\nimport { get } from 'lodash-es';\n\nimport { apiErrorsReducer, createReducer, fetchingReducer } from '../../utils';\nimport * as Types from './types';\n\nconst questionnaireReducer = createReducer({})({\n [Types['SET_TRANSACTION_QUESTIONNAIRE']]: (state, { payload }) => {\n return {\n ...state,\n byIds: {\n ...state.byIds,\n [payload.id]: payload,\n },\n };\n },\n [Types['CREATE_RESOURCE_FEATURE']]: (state, { payload }) => {\n const { feature, resourceTypeId, transactionId } = payload;\n let updatedResources = state.byIds[transactionId].resources;\n const resourceIndex = updatedResources[resourceTypeId].findIndex(\n e => e.id === feature.resource_id,\n );\n let resourceFeatures = get(\n updatedResources,\n `[${resourceTypeId}][${resourceIndex}].features`,\n [],\n );\n updatedResources[resourceTypeId][resourceIndex].features = [\n ...resourceFeatures,\n { ...feature },\n ];\n return {\n ...state,\n byIds: {\n ...state.byIds,\n [transactionId]: {\n ...state.byIds[transactionId],\n resources: {\n ...updatedResources,\n },\n },\n },\n };\n },\n [Types['UPDATE_RESOURCE']]: (state, { payload }) => {\n const { value, feature_type_id, resource_id, resourceTypeId, transactionId } =\n payload;\n const { byIds } = state;\n let resourceIndex = -1;\n let featureIndex = -1;\n let updatedResources = byIds[transactionId].resources;\n resourceIndex = updatedResources[resourceTypeId].findIndex(e => e.id === resource_id);\n if (resourceIndex !== -1) {\n featureIndex = updatedResources[resourceTypeId][resourceIndex].features.findIndex(\n e => e.feature_type_id === feature_type_id,\n );\n }\n if (featureIndex !== -1) {\n updatedResources[resourceTypeId][resourceIndex].features[featureIndex].value =\n value;\n }\n\n return {\n ...state,\n byIds: {\n ...state.byIds,\n [transactionId]: {\n ...state.byIds[transactionId],\n resources: {\n ...updatedResources,\n },\n },\n },\n };\n },\n});\n\nconst documentReducer = createReducer({})({\n [Types['SET_DOCUMENTS_BY_TRANSACTION']]: (state, { payload, transactionId }) => ({\n ...state,\n byTransaction: {\n ...state.byModule,\n [transactionId]: [...payload],\n },\n }),\n [Types['SET_DOCUMENTS']]: (state, { payload, taskId }) => {\n if (taskId) {\n return {\n ...state,\n byTaskId: {\n ...state.byTaskId,\n [taskId]: [...payload],\n },\n };\n }\n return {\n ...state,\n byArr: [...payload],\n };\n },\n [Types['SET_DOCUMENT_ERROR']]: (state, { error }) => ({\n ...state,\n error,\n }),\n [Types['CLEAR_DOCUMENT_ERROR']]: state => ({\n ...state,\n error: '',\n }),\n});\n\nconst documentRecipientsLinks = createReducer({})({\n [Types['SET_DOCUMENT_RECIPIENTS_LINKS']]: (state, { links, documentId }) => ({\n ...state,\n [documentId]: {\n ...state[documentId],\n ...links,\n },\n }),\n});\n\nconst myTemplatesReducer = createReducer([])({\n [Types['SET_MY_TEMPLATES']]: (state, { payload }) => [...payload],\n});\n\nconst customDocumentsReducer = createReducer({ byIds: {} })({\n [Types['SET_TRANSACTION_QUESTIONNAIRE']]: (state, { payload }) => ({\n ...state,\n byIds: {\n ...state.byIds,\n [payload.id]: [...payload.custom_documents],\n },\n }),\n [Types['ADD_CUSTOM_DOCUMENT']]: (state, { payload, transactionId }) => ({\n ...state,\n byIds: {\n ...state.byIds,\n [transactionId]: [...state.byIds[transactionId], { ...payload }],\n },\n }),\n [Types['SET_CUSTOM_DOCUMENT']]: (state, { payload, customDocIndex, transactionId }) => {\n let newCustomDocuments = get(state, `byIds[${transactionId}]`, [payload]).slice();\n newCustomDocuments[customDocIndex] = {\n ...newCustomDocuments[customDocIndex],\n custom_document: {\n ...payload,\n },\n };\n\n return {\n ...state,\n byIds: {\n ...state.byIds,\n [transactionId]: [...newCustomDocuments],\n },\n };\n },\n});\n\nconst myTransactionsReducer = createReducer([])({\n [Types['SET_MY_TRANSACTIONS']]: (state, { payload }) => [...payload],\n});\n\nconst transactionReducer = createReducer({})({\n [Types['SET_TRANSACTION']]: (state, { payload }) => {\n return {\n ...state,\n byIds: {\n ...state.byIds,\n [payload.id]: { ...payload },\n },\n };\n },\n [Types['SET_TRANSACTIONS_BY_MODULE']]: (state, { payload, moduleId }) => ({\n ...state,\n byModule: {\n ...state.byModule,\n [moduleId]: [...payload],\n },\n }),\n [Types['SET_TRANSACTION_PREVIEW']]: (state, { payload, transactionId }) => {\n return {\n ...state,\n byIds: {\n ...state.byIds,\n [transactionId]: {\n ...state.byIds[transactionId],\n preview: [...payload],\n },\n },\n };\n },\n});\n\nconst isFetching = fetchingReducer('transaction');\n\nexport default combineReducers({\n isFetching,\n apiErrors: apiErrorsReducer('transaction'),\n customDocuments: customDocumentsReducer,\n documents: documentReducer,\n documentRecipientsLinks,\n myTemplates: myTemplatesReducer,\n myTransactions: myTransactionsReducer,\n transactions: transactionReducer,\n questionnaires: questionnaireReducer,\n});\n\n/*\n *\n *\n *\n ************ UTILITY FUNCTIONS *************\n *\n *\n *\n */\n\n// const assignInitResources = (dict, e, ind) => {\n// const feature_type = e.feature_type.feature_type;\n// let updatedVal =\n// e.question_default ||\n// (e.multi_entry_feature && []) ||\n// FeatureTypes[feature_type].value;\n\n// dict.push({\n// ...e,\n// // feature: e.feature_type.name,\n// // is_fixed: e.feature_type.is_fixed,\n// // isCreatable: !!e.feature_type.is_creatable,\n// // label: e.question_label,\n// multi_entry_index: 0,\n// // name: e.feature_type_id + '', // incorrect\n// // options: e.feature_type.calendly_options || e.feature_type.options,\n// // placeholder: e.question_placeholder,\n// // pre_req_value: e.required_question_value,\n// // pre_req_question: e.required_question_id,\n// resource: null,\n// resource_id: null,\n// resource_is_unique: 0,\n// // resource_type: e.resource_variable_name,\n// // sublabel: e.question_comment,\n// value: updatedVal,\n// initValue: updatedVal,\n// });\n// return dict;\n// // unused?\n// // [] feature_type_id\n// // [] name?\n\n// // DIFF ASSIGNS\n// // [] isCreatable -> is_creatable\n// // [] label -> question_label\n// // [] name -> id\n// // [] feature -> name\n// // [] placeholder -> question_placeholder\n// // [] pre_req_value -> required_question_value\n// // [] pre_req_question -> required_question_id\n// // [] resource_type -> resource_variable_name\n// // [] sublabel -> question_comment\n// };\n","import { combineReducers } from 'redux';\n\nimport Billing from '../modules/Billing';\nimport Cabinet from '../modules/Cabinet';\nimport Company from '../modules/Company';\nimport Document from '../modules/Document';\nimport Data from '../modules/Data';\nimport Formation from '../modules/Formation';\nimport Profile from '../modules/Profile';\nimport Project from '../modules/Project';\nimport Todos from '../modules/Todos';\nimport Transaction from '../modules/Transaction';\nimport UI from '../modules/UI';\nimport User from '../modules/User';\nimport { connectRouter } from 'connected-react-router';\n\nconst createRootReducer = history =>\n combineReducers({\n router: connectRouter(history),\n Auth: User,\n Billing,\n Cabinet,\n Company,\n Document,\n Data,\n Formation,\n Profile,\n Project,\n Todos,\n Transaction,\n UI,\n });\n\nexport default createRootReducer;\n","import React from 'react';\n\nimport './Calendly.scss';\n\n// import PropTypes from 'prop-types';\n\nclass Calendly extends React.Component {\n constructor(props) {\n super(props);\n this.script = document.createElement('script');\n }\n\n componentDidMount() {\n const head = document.querySelector('head');\n this.script.setAttribute(\n 'src',\n 'https://assets.calendly.com/assets/external/widget.js',\n );\n this.script.setAttribute('type', 'text/javascript');\n head.appendChild(this.script);\n }\n\n componentWillUnmount() {\n this.script.parentNode.removeChild(this.script);\n }\n\n render() {\n const { REACT_APP_LOG_ENV: hostEnv } = process.env;\n return (\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
\n Box is currently down, until they are back up documents be viewable & won't\n generate correctly so please do not finalize any tasks. We are sorry for the\n inconvenience, please try again in 30 minutes!\n \n setIsShowing(false)}\n >\n \n );\n};\n\nSiteMaintenanceBanner.propTypes = {\n timeStartUtc: PropTypes.string,\n timeEndUtc: PropTypes.string,\n};\n\nexport default SiteMaintenanceBanner;\n","import React, { useState } from 'react';\n\nimport './RedirectBanner.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 RedirectBanner = () => {\n const params = new URLSearchParams(window.location.search);\n const redirectFrom = params.get('redirectFrom');\n let isRedirected = !!localStorage.getItem('redirectFrom') || !!redirectFrom;\n let isHidden = !!localStorage.getItem('hideRedirectFrom');\n\n const [isShowing, setIsShowing] = useState(isRedirected && !isHidden);\n const handleHide = () => {\n setIsShowing(false);\n localStorage.setItem('hideRedirectFrom', 1);\n };\n\n return (\n \n
\n You have been redirected from app.savvi.legal because our company's primary brand\n is now PaperOS! All data and features remain unchanged.\n \n \n \n );\n};\n\nexport default RedirectBanner;\n","import React, { useState } from 'react';\n\nimport './SoftRedirectBanner.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 SoftRedirectBanner = () => {\n const [isShowing, setIsShowing] = useState(\n window.location.href.includes('app.savvi.legal') &&\n window.location.pathname.includes('login') &&\n !localStorage.getItem('isSoftRedirectHidden'),\n );\n const handleHide = () => {\n setIsShowing(false);\n localStorage.setItem('isSoftRedirectHidden', 1);\n };\n\n return (\n \n
\n app.savvi.legal will soon be redirected to app.paperos.com, this is because our\n company's primary brand is now{' '}\n \n PaperOS\n \n . All data and features will be unchanged.\n \n \n \n );\n};\n\nexport default SoftRedirectBanner;\n","import React, { Fragment, useEffect, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport classnames from 'classnames';\nimport { Field, FieldArray, Form } from 'formik';\n\nimport { CompanyName, ResourceSelect, Select } from '../../components/formik';\nimport WorkbenchActions from '../../components/WorkbenchActions';\nimport { options } from '../../data/StateData';\nimport FeatureTypes, {\n validateCompany,\n validateEmail,\n validateSelect,\n} from '../../utils/FeatureTypes';\nimport useInterval from '../../utils/useInterval';\n\nimport { get, isArray, isEmpty, reduce, upperFirst } from 'lodash-es';\nimport SavviLoading from '../../components/SavviLoading/SavviLoading';\nimport { Button } from '../../components/common';\nimport InputStyledCheckbox from '../../components/common/InputStyledCheckbox';\nimport { useDispatch } from 'react-redux';\nimport { createOutsideForm } from '../../redux/modules/Transaction/operations';\nimport { updateProject } from '../../redux/modules/Project/operations';\nimport {\n InputCheckboxGroup,\n InputSelect,\n InputStyledTextField,\n InputTextarea,\n} from '../../components/inputs';\nimport AlertModal from '../../components/AlertModal';\nimport { suffixOptions } from '../../components/formik/CompanyName/CompanyName';\nimport { mergeResources } from '../../redux/modules/Formation/operations';\n\nconst WorkbenchForm = ({\n customDocuments,\n formValidationErrors,\n handleCounselBlur,\n handleDelete,\n handleFormBlur,\n handleFormValidation,\n handleResourceName,\n initVals,\n isAssessment,\n isFetching,\n isValid,\n isModal,\n isReopeningTimeout,\n isSharingForm,\n isSafariMobile,\n isSubmitting,\n isInitQuestionnaire,\n isSubmitAttempted,\n values,\n params,\n project,\n questions,\n resetForm,\n resources,\n setIsSharingForm,\n setNotice,\n setResourceIds,\n setSubmitAttempted,\n submitCount,\n sharedFormDescription,\n transactionLabel,\n workflowCounselQuestions,\n}) => {\n const dispatch = useDispatch();\n\n const handleSetResourceIds = (name, resourceIds) => setResourceIds(name, resourceIds);\n const shareFeatures = useMemo(\n () =>\n questions.reduce((dict, e) => {\n if (e.resourceArr.length > 0) {\n e.resourceArr.forEach(({ innerQuestions, resource_id }) => {\n innerQuestions.forEach(\n ({\n feature_type: { feature_type } = {},\n feature_type_id,\n id,\n required_question_id,\n resource_variable_name,\n }) => {\n dict.push({\n feature_type_id,\n id,\n resource_id,\n resource_variable_name,\n required_question_id,\n isSelected: true,\n isDisabled: !!required_question_id,\n });\n },\n );\n });\n }\n return dict;\n }, []),\n [questions],\n );\n\n const [projectLabelInput, setProjectLabelInput] = useState(project.label);\n const [isSharingFormModalOpen, setIsSharingFormModalOpen] = useState(false);\n const [shareFormMeta, setShareFormMeta] = useState(() => ({\n name: transactionLabel,\n description: sharedFormDescription,\n email: '',\n send_email: true,\n finalize_on_submit: false,\n }));\n const [selectedFeatures, setSelectedFeatures] = useState(shareFeatures);\n const [shareFormEmailError, setShareFormEmailError] = useState('');\n const [resourceTypeAndNameToFocus, setResourceTypeAndNameToFocus] = useState([]);\n const [isFormUpdating, setIsFormUpdating] = useState(false);\n\n const isProjectNameInputShowing = !!project?.template?.is_repeatable && isAssessment;\n const isPortalView = (project.template?.actions || []).length > 0;\n const projectType = isPortalView ? 'Portal Workflow' : 'Workflow';\n const projectNameQuestionLabel = `${projectType} Name`;\n const projectNameQuestionSublabel = `If you plan on doing multiple ${projectType}s of this same type then a unique ${projectType} name can help differentiate between them.`;\n const shareFormFinalizeBody = `Anyone with this shared form link will be able to review/update the inputs you selected. ${\n shareFormMeta.send_email\n ? `This will automatically send an email to ${shareFormMeta.email},`\n : 'This will not send an email, but'\n } you will also be able to share the form link to whoever you want. Submitting the shared form will${\n shareFormMeta.finalize_on_submit ? '' : ' not'\n } finalize this task. The shared form will close if you finalize the task normally.`;\n\n const handleShareFormFeature = (featureIndex, isFeatureSelected) => {\n let updatedSelectedFeatures = [...selectedFeatures];\n updatedSelectedFeatures[featureIndex].isSelected = !isFeatureSelected;\n const selectedFeatureId = updatedSelectedFeatures[featureIndex].id;\n updatedSelectedFeatures.forEach((e, ind, newArr) => {\n if (e.required_question_id === selectedFeatureId) {\n newArr[ind].isSelected = !isFeatureSelected;\n }\n });\n if (!isFeatureSelected) {\n const resourceId = selectedFeatures[featureIndex].resource_id;\n const resourceIndex = selectedFeatures.findIndex(e => e.resource_id === resourceId);\n updatedSelectedFeatures[resourceIndex].isSelected = true;\n }\n setSelectedFeatures(updatedSelectedFeatures);\n };\n const handleShareFormResource = (resourceId, isFeatureSelected) => {\n let updatedSelectedFeatures = [...selectedFeatures];\n selectedFeatures.forEach((e, index) => {\n if (e.resource_id === resourceId) {\n updatedSelectedFeatures[index].isSelected = !isFeatureSelected;\n }\n });\n setSelectedFeatures(updatedSelectedFeatures);\n };\n const handleShareFormValidate = () => {\n if (shareFormMeta.send_email && !shareFormMeta.email) {\n const emailError = 'Please provide an email to share form link to.';\n setShareFormEmailError(emailError);\n dispatch(setNotice({ type: 'warning', message: emailError }));\n return;\n }\n if (shareFormMeta.email) {\n const emailError = validateEmail(shareFormMeta.email);\n if (emailError) {\n setShareFormEmailError(emailError);\n dispatch(setNotice({ type: 'warning', message: emailError }));\n return;\n }\n }\n if (!shareFormMeta.finalize_on_submit || handleFormValidation(true)) {\n setIsSharingFormModalOpen(true);\n } else {\n // dispatch(setNotice({ type: 'warning', message: 'Before Sharing this form' }));\n setSubmitAttempted(true);\n }\n };\n const handleSubmitShareForm = () => {\n let features = selectedFeatures.reduce(\n (dict, { feature_type_id, isSelected, resource_id, resource_variable_name }) => {\n if (isSelected) {\n dict.push({ feature_type_id, resource_id, resource_variable_name });\n }\n return dict;\n },\n [],\n );\n dispatch(\n createOutsideForm({ features, ...shareFormMeta }, params.transactionId),\n ).then(e => setIsSharingForm(false));\n setIsSharingFormModalOpen(false);\n };\n const handleUpdateProjectName = value => {\n const trimmedLabel = (value + '').trim();\n if (trimmedLabel.length > 0 && trimmedLabel !== project.label.trim()) {\n dispatch(updateProject({ label: trimmedLabel }, params.projectId)).then(\n payload => {\n setProjectLabelInput(trimmedLabel);\n },\n error => {\n setProjectLabelInput(project.label);\n },\n );\n } else {\n setProjectLabelInput(project.label);\n }\n };\n\n useEffect(() => {\n if (shareFeatures.length !== selectedFeatures.length) {\n setSelectedFeatures(shareFeatures);\n }\n }, [setSelectedFeatures, shareFeatures, selectedFeatures.length]);\n useEffect(() => {\n let initValsLength = 0;\n const initValsArr = Object.values(initVals);\n let valuesLength = 0;\n const valuesArr = Object.values(values);\n for (let i = 0; i < valuesArr.length; i++) {\n for (let innerI = 0; innerI < valuesArr[i].length; innerI++) {\n if (!get(valuesArr, `[${i}][${innerI}].isInitial`, false)) {\n valuesLength++;\n }\n }\n }\n for (let i = 0; i < initValsArr.length; i++) {\n for (let innerI = 0; innerI < initValsArr[i].length; innerI++) {\n if (!get(initValsArr, `[${i}][${innerI}].isInitial`, false)) {\n initValsLength++;\n }\n }\n }\n if (initValsLength !== valuesLength) {\n resetForm({ values: initVals });\n }\n }, [resetForm, initVals, values]);\n useEffect(() => {\n if (isFormUpdating) {\n const timeout = setTimeout(\n setTimeout(() => {\n setIsFormUpdating(false);\n }, 5000),\n );\n\n return () => {\n clearTimeout(timeout);\n };\n }\n }, [isFormUpdating]);\n\n useInterval(\n () => {\n const questionsIndex = questions.findIndex(\n q => q.name === resourceTypeAndNameToFocus[0],\n );\n let innerResourceArr = questions[questionsIndex].resourceArr || [];\n let innerValuesIndex = values[resourceTypeAndNameToFocus[0]].findIndex(\n v => v.resource === resourceTypeAndNameToFocus[1],\n );\n let innerResourceIndex = innerResourceArr.findIndex(\n r => r.resource_name === resourceTypeAndNameToFocus[1],\n );\n\n if (\n resourceTypeAndNameToFocus.length > 0 &&\n (resourceTypeAndNameToFocus[1] === 'new' || innerValuesIndex !== -1)\n ) {\n if (innerValuesIndex === -1) {\n innerValuesIndex = 0; // If not found, default to 0\n }\n if (innerResourceIndex === -1) {\n innerResourceIndex = 0; // If not found, default to 0\n }\n if (resourceTypeAndNameToFocus[1] === 'new' && innerResourceArr.length > 0) {\n innerValuesIndex = values[resourceTypeAndNameToFocus[0]].length - 1;\n }\n\n let element = document.getElementById(\n `${resourceTypeAndNameToFocus[0]}[${innerValuesIndex}].resource`,\n );\n\n if (element) {\n let input = element;\n if (element.tagName.toLowerCase() !== 'input') {\n input = element.querySelector('input'); // Find an input inside\n }\n if (input.disabled) {\n let questionNameToFocus =\n innerResourceArr[innerResourceIndex].innerQuestions[1].question_label;\n let innerQsIndex = innerResourceArr[0].innerQuestions.findIndex(\n innerQ => !innerQ.is_fixed && !innerQ.value,\n );\n if (innerQsIndex !== -1) {\n questionNameToFocus =\n innerResourceArr[innerResourceIndex].innerQuestions[innerQsIndex]\n .question_label;\n }\n let updatedInput = document.getElementById(\n `${resourceTypeAndNameToFocus[0]}[${innerValuesIndex}].${questionNameToFocus}`,\n );\n if (updatedInput) {\n input = updatedInput;\n }\n }\n input.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n });\n\n input.click();\n input.focus();\n setIsFormUpdating(false);\n setResourceTypeAndNameToFocus([]);\n }\n }\n },\n resourceTypeAndNameToFocus.length > 0 ? 250 : null,\n );\n\n return (\n <>\n {isSharingForm && (\n \n
\n Share Form Information\n \n 
\n 
\n ))}\n