\r\n {option?.subgroupOptions?.map((so) => {\r\n return (\r\n e.stopPropagation()}\r\n key={`${so.label}`}\r\n >\r\n handleCheckChange(data, option?.label)}\r\n checked={so.value}\r\n className=\"subgroup-element\"\r\n />\r\n \r\n );\r\n })}\r\n
\r\n \r\n );\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nconst BCFilter = ({ ...props }) => {\r\n const [{ filtersList, filtersListInitial }, dispatch]: any = props.bcGlobalState;\r\n const handleResetClick = () => dispatch({ type: GlobalConstants.BCStoreReducerCases.RESET_GLOBAL_FILTERS });\r\n const handleClearClick = (title) => {\r\n const updatedFilters =\r\n getUpdatedClearedMenuFilters(\r\n filtersList,\r\n filtersListInitial,\r\n title\r\n ) || filtersList;\r\n\r\n dispatch({\r\n type: GlobalConstants.BCStoreReducerCases.SET_GLOBAL_FILTERS,\r\n payload: updatedFilters,\r\n });\r\n };\r\n\r\n return (\r\n \r\n
\r\n Operator
\r\n \r\n
\r\n \r\n {options[selectedIndex]?.fields?.map((df, i) => {\r\n return (\r\n
\r\n \r\n \r\n handleDateAmountChange(currentTarget?.value, df.id)\r\n }\r\n />\r\n )}\r\n {filterType === \"amount\" && (\r\n \r\n \r\n handleDateAmountChange(currentTarget?.value, df.id)\r\n }\r\n labelPosition=\"left\"\r\n >\r\n \r\n \r\n handleDateAmountChange(value, df.id)\r\n }\r\n allowNegativeValue={false}\r\n />\r\n \r\n \r\n )}\r\n
\r\n );\r\n })}\r\n {df?.label || \"\"}
\r\n {filterType === \"date\" && (\r\n \r\n \r\n Reset\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default BCFilter;\r\n\r\nexport const BCFilterBar = ({ ...props }) => {\r\n const bcGlobalState = useBCGlobalReducer();\r\n const bcReducerOptions = props.reducerInstance ? props.reducerInstance : bcGlobalState;\r\n const [{ isFilterOpen, dataToFilter }] = bcReducerOptions;\r\n\r\n return (\r\n \r\n {filtersList?.map(\r\n ({ title, filterType, options, isDisabled, value, selectedIndex, isHidden }) => {\r\n const { formattedTitle, isFilterActive } = getFilterMenuTitle(\r\n filtersList,\r\n title\r\n );\r\n if (isDisabled === false && !isHidden) {\r\n return (\r\n \r\n \r\n e.stopPropagation()}\r\n >\r\n \r\n \r\n );\r\n }\r\n }\r\n )}\r\n
\r\n \r\n {filterType === \"checkbox\" && (\r\n \r\n {options.map((option, i) => {\r\n return (\r\n \r\n )}\r\n {(filterType === \"date\" || filterType === \"amount\") && (\r\n
\r\n \r\n handleClearClick(title)}\r\n >\r\n Clear X\r\n \r\n
\r\n \r\n \r\n setIsExportSectionIncompleteModal(false)}\r\n size=\"small\"\r\n closeIcon\r\n header=\"Warning, missing data!\"\r\n content={<>There's information missing required to export the Workbook. Please review the following section(s): {convertArrayToOxfordString(invalidExportSections, \"and\", \"\")}.}\r\n actions={\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n }\r\n brokerColor=\"#EED202\"\r\n />\r\n {0}\r\n {isLoading ?
\r\n );\r\n\r\n};\r\n\r\nexport default BPApplications;\r\n","import React from \"react\";\r\nimport BPDashboard from \"../broker/BPDashboard\";\r\nimport LODashboard from \"../lo/LODashboard\";\r\nimport BCError from \"../BCError\";\r\nimport { isValidPermission } from \"../../Helpers\";\r\nimport BPApplications from \"../broker/BPApplications\";\r\nimport { GlobalConstants } from \"../constants/GlobalConstants\";\r\n\r\nconst Home = ({ ...props }) => {\r\n return (\r\n \r\n \r\n setIsMessage(false)}\r\n errorResponse={errorResponse}\r\n />\r\n \r\n }\r\n \r\n {applicationInfolist && filteredApplicationData?.length === 0 ?\r\n \r\n \r\n \r\n : isKanbanView === true && isGreaterThanMobile ? \r\n handleSummary(filterBySearchValue(applicationInfolist), id)}\r\n ellipsis\r\n labels={[\r\n {\r\n type: \"progress\",\r\n condition: \"submittedOn\",\r\n text: \"In Progress\",\r\n color: \"yellow\"\r\n },\r\n {\r\n type: \"completed\",\r\n completed: true,\r\n condition: \"submittedOn\",\r\n text: \"Completed\",\r\n color: \"green\"\r\n }\r\n ]}\r\n isKanban={false}\r\n disableSummary\r\n disableApplication\r\n brokerColor={brokerColor}\r\n ellipsisHandlers={isInternalUser ? [\r\n {\r\n action: (_, item) => handleExportWorkbook(item),\r\n text: \"Export Workbook\"\r\n }\r\n ] : []}\r\n /> : isKanbanView === false ? { item.id ? handleSummary(filterBySearchValue(applicationInfolist), item.id) : void 0}\r\n selectable\r\n handleApplication={handleApplication}\r\n handleCopyApplication={handleCopyApplication}\r\n brokerColor={brokerColor} \r\n handleSummary={(id) => handleSummary(filterBySearchValue(applicationInfolist), id)}\r\n ellipsis\r\n disableSummary\r\n disableApplication\r\n sortable={[\"Closing Date\", \"Name\", \"Loan Program\", \"Submitted On\", \"Properties or Units\"]}\r\n pagination={25} \r\n ellipsisHandlers={isInternalUser ? [\r\n {\r\n action: (_, item) => handleExportWorkbook(item),\r\n text: \"Export Workbook\"\r\n }\r\n ] : []}\r\n editMode\r\n />} \r\n : null\r\n }\r\n
}\r\n \r\n {isGreaterThanMobile ? handleApplication({})}>\r\n }\r\n
\r\n ]}\r\n rightChildren={[ \r\n {isStartApplicationPersona && handleApplication({})}>\r\n }\r\n {(applicationInfolist && filteredApplicationData?.length !== 0) && handleInfolistViewType()} \r\n defaultChecked={!isKanbanView}\r\n />}\r\n
: isStartApplicationPersona && Start Application
\r\n \r\n
\r\n \r\n {isValidPermission(permissions, \"BrokerBorrowerApplication\", \"read\") &&
\r\n Looks like there isn't any pricing requests! Click below and get your loan priced in five minutes or less.
\r\n \r\n {isValidPermission(permissions, \"BrokerBorrowerApplication\", \"read\") && handleApplication({})}> }\r\n
\r\n Get Started
\r\n handleSummary(filterBySearchValue(applicationInfolist), id)}\r\n ellipsis\r\n labels={[\r\n {\r\n type: \"progress\",\r\n condition: \"submittedOn\",\r\n text: \"In Progress\",\r\n color: \"yellow\"\r\n },\r\n {\r\n type: \"completed\",\r\n completed: true,\r\n condition: \"submittedOn\",\r\n text: \"Completed\",\r\n color: \"green\"\r\n }\r\n ]}\r\n disableSummary\r\n disableApplication\r\n brokerColor={brokerColor}\r\n ellipsisHandlers={isInternalUser ? [\r\n {\r\n action: (_, item) => handleExportWorkbook(item),\r\n text: \"Export Workbook\"\r\n }\r\n ] : []}\r\n />\r\n
: isKanbanView === true && isGreaterThanTablet === false ? \r\n {0}\r\n {isLoading ?
\r\n );\r\n\r\n};\r\n\r\nexport default BPPricing;","import React, { useState, useEffect, useCallback, useMemo } from \"react\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { Card, Image, Icon, Loader, Checkbox } from \"semantic-ui-react\";\r\nimport BCButton from \"../ui/BCButton\";\r\nimport BCCards from \"../ui/BCCards\";\r\nimport BCQuoteIcon from \"../../assets/bc-quote-icon.png\";\r\nimport BCTable from \"../ui/BCTable\";\r\nimport { guid, isValidPermission } from \"../../Helpers\";\r\nimport \"../../styles/landing-page.scss\";\r\nimport \"../../styles/main.scss\";\r\nimport BCKanban from \"../ui/BCKanban\";\r\nimport { BCFilterBar } from \"../BCFilter\";\r\nimport BCFilterSearch from \"../BCFilterSearch\";\r\nimport BCMenuBar from \"../ui/BCMenuBar\";\r\nimport { useBCGlobalFilter, useFetchData } from \"../../helpers/GlobalHelper\";\r\nimport { GlobalConstants } from \"../constants/GlobalConstants\";\r\nimport LmsMessage from \"../lms/ui/LmsMessage\";\r\nimport { getIsWhiteLabeled } from \"../../helpers/PermissionHelper\";\r\n\r\nconst getGmrViews = (gmrInfoList = [] as any[]) => {\r\n const gmrViews = [] as any[];\r\n const uniqueInfolist = gmrInfoList?.filter((v, i, a) => a.findIndex(t => (t.id === v.id)) === i);\r\n uniqueInfolist?.forEach((gmrInfoListItem) => {\r\n const gmrView = {\r\n id: gmrInfoListItem.id,\r\n name: gmrInfoListItem.name,\r\n loanProgram: gmrInfoListItem.loanProgram,\r\n numberOfPropertiesOrUnits: gmrInfoListItem.numberOfUnitsProperties,\r\n submittedOn: gmrInfoListItem.submittedOn,\r\n brokerage: gmrInfoListItem.brokerage,\r\n brokerEmail: gmrInfoListItem.brokerEmail,\r\n statusLookupName: gmrInfoListItem.statusLookupName,\r\n amount: gmrInfoListItem.loanCommitment,\r\n closingDate: gmrInfoListItem.closingDate,\r\n assignedTo: gmrInfoListItem.assignedTo,\r\n channels: gmrInfoListItem.channels\r\n };\r\n\r\n gmrViews.push(gmrView);\r\n });\r\n\r\n return gmrViews;\r\n};\r\n\r\nconst BPPricingKanbanLanes =\r\n {\r\n New: {\r\n name: \"Pricing in the Works\",\r\n index: 0\r\n },\r\n Sent: {\r\n name: \"Pricing Sent\",\r\n index: 1\r\n },\r\n Accepted: {\r\n name: \"Pricing Accepted\",\r\n index: 2\r\n }\r\n };\r\n\r\nconst sortGmrsKanban = (pricingData) => {\r\n const kanbanView = [\r\n {\r\n index: BPPricingKanbanLanes.New.index,\r\n name: BPPricingKanbanLanes.New.name,\r\n title: Object.getOwnPropertyNames(BPPricingKanbanLanes)[BPPricingKanbanLanes.New.index],\r\n cards: [] as any\r\n },\r\n {\r\n index: BPPricingKanbanLanes.Sent.index,\r\n name: BPPricingKanbanLanes.Sent.name,\r\n title: Object.getOwnPropertyNames(BPPricingKanbanLanes)[BPPricingKanbanLanes.Sent.index],\r\n cards: [] as any\r\n },\r\n {\r\n index: BPPricingKanbanLanes.Accepted.index,\r\n name: BPPricingKanbanLanes.Accepted.name,\r\n title: Object.getOwnPropertyNames(BPPricingKanbanLanes)[BPPricingKanbanLanes.Accepted.index],\r\n cards: [] as any\r\n }\r\n ];\r\n\r\n pricingData.forEach((application) => {\r\n if (application.statusLookupName && application.name !== null) {\r\n const kanbanObjIndex = kanbanView.findIndex(x => x.title === application.statusLookupName);\r\n if (kanbanObjIndex !== -1) {\r\n kanbanView[kanbanObjIndex].cards.push(application);\r\n }\r\n }\r\n });\r\n\r\n return kanbanView;\r\n};\r\n\r\nconst BPPricing2 = ({\r\n isGreaterThanMobile,\r\n isGreaterThanTablet,\r\n isSidebar,\r\n proxyUser,\r\n permissions,\r\n brokerColor,\r\n setCopiedGmrId,\r\n setIsPricingStartScenarios\r\n }: any) => {\r\n const [isKanbanView, setIsKanbanView] = useState(localStorage.getItem(\"infolist\") === \"table\" ? false : true);\r\n const [isFetching, setIsFetching] = useState(false);\r\n const [kanbanViews, setKanbanViews] = useState([] as any[]);\r\n const [currentSliceTo, setCurrentSliceTo] = useState(GlobalConstants.DefaultValues.defaultSliceKanban);\r\n const [{ data: gmrInfoList, error, isLoading: GMRInfoIsLoading, errorIsVisible, setErrorIsVisible, fetchData }, getGMRInfoAysnc] = useFetchData(\"gmr/infolist\", { proxyUserId: proxyUser?.id });\r\n const GMRInfoData = useMemo(() => getGmrViews(gmrInfoList), [gmrInfoList]);\r\n const reducerInstance = useBCGlobalFilter(GMRInfoData, { hiddenFilters: [\"Closing Date\"], filterKeysList: [\"loanProgram\", \"brokerage\", \"brokerEmail\", \"name\"] });\r\n const [{ isFilterOpen, getFilteredData, filteredData: filteredGmrData, filterBySearchValue }]: any = reducerInstance;\r\n const history = useHistory();\r\n const handleSummary = useCallback((id) => {\r\n setIsPricingStartScenarios(true);\r\n history.push(`/getmyrate/${id}`);\r\n }, [history]);\r\n\r\n const handleGMR = useCallback((gmrObj) => {\r\n setCopiedGmrId(undefined);\r\n history.push(`/getmyrate/${gmrObj.id ? gmrObj.id : guid()}`);\r\n }, [history, setCopiedGmrId]);\r\n\r\n const handleCopyGMR = useCallback((gmrObj) => {\r\n setCopiedGmrId(gmrObj.id);\r\n history.push(`/getmyrate/${guid()}`);\r\n }, [history, setCopiedGmrId]);\r\n\r\n const handleDropGmrCard = async (card, i) => {\r\n const gmrObj = {\r\n gmrId: card.id,\r\n status: Object.getOwnPropertyNames(BPPricingKanbanLanes)[i]\r\n };\r\n\r\n await fetchData(\"gmr/update-status\", { data: gmrObj, fetchMethod: \"PUT\" });\r\n getGMRInfoAysnc(false);\r\n };\r\n\r\n const getFilteredOrEmptyData = (kanbanData) => {\r\n if (!kanbanData) {\r\n return [];\r\n }\r\n\r\n return getFilteredData(kanbanData.cards);\r\n };\r\n\r\n const sortFilteredGmrsKanban = () => {\r\n const kanbanView = [\r\n {\r\n index: BPPricingKanbanLanes.New.index,\r\n name: BPPricingKanbanLanes.New.name,\r\n title: Object.getOwnPropertyNames(BPPricingKanbanLanes)[BPPricingKanbanLanes.New.index],\r\n cards: filterBySearchValue(getFilteredOrEmptyData(kanbanViews[BPPricingKanbanLanes.New.index])).slice(0, currentSliceTo)\r\n },\r\n {\r\n index: BPPricingKanbanLanes.Sent.index,\r\n name: BPPricingKanbanLanes.Sent.name,\r\n title: Object.getOwnPropertyNames(BPPricingKanbanLanes)[BPPricingKanbanLanes.Sent.index],\r\n cards: filterBySearchValue(getFilteredOrEmptyData(kanbanViews[BPPricingKanbanLanes.Sent.index])).slice(0, currentSliceTo)\r\n },\r\n {\r\n index: BPPricingKanbanLanes.Accepted.index,\r\n name: BPPricingKanbanLanes.Accepted.name,\r\n title: Object.getOwnPropertyNames(BPPricingKanbanLanes)[BPPricingKanbanLanes.Accepted.index],\r\n cards: filterBySearchValue(getFilteredOrEmptyData(kanbanViews[BPPricingKanbanLanes.Accepted.index])).slice(0, currentSliceTo)\r\n }\r\n ];\r\n\r\n return kanbanView;\r\n };\r\n\r\n const sortedGmrsKanban = useMemo(() => sortFilteredGmrsKanban(), [filteredGmrData, currentSliceTo]);\r\n const convertToTableFormat = (gmrs) => {\r\n const result = [] as any[];\r\n gmrs.forEach((gmr) => {\r\n if (gmr.name !== null) {\r\n result.push({\r\n \"id\": gmr.id,\r\n \"Name\": gmr.name,\r\n \"Loan Program\": gmr.loanProgram,\r\n \"Properties or Units\": gmr.numberOfPropertiesOrUnits,\r\n \"Submitted On\": gmr.submittedOn ? new Date(gmr.submittedOn).toLocaleDateString() : null\r\n });\r\n }\r\n });\r\n\r\n return result;\r\n };\r\n\r\n const handleInfolistViewType = () => {\r\n const infolistStyle = isKanbanView ? \"table\" : \"card\";\r\n localStorage.setItem(\"infolist\", infolistStyle);\r\n setIsKanbanView(!isKanbanView);\r\n };\r\n\r\n const handleScroll = () => {\r\n if (window.innerHeight - document.documentElement.scrollTop !== document.documentElement.clientHeight) {\r\n setIsFetching(true);\r\n }\r\n else {\r\n return;\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (GMRInfoData) {\r\n setKanbanViews(sortGmrsKanban(GMRInfoData));\r\n }\r\n }, [GMRInfoData]);\r\n\r\n useEffect(() => {\r\n window.addEventListener(\"scroll\", handleScroll);\r\n return () => window.removeEventListener(\"scroll\", handleScroll);\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (!isFetching) {\r\n return;\r\n }\r\n\r\n setCurrentSliceTo(currentSliceTo + 5);\r\n setIsFetching(false);\r\n }, [isFetching]);\r\n\r\n useEffect(() => {\r\n if (currentSliceTo !== GlobalConstants.DefaultValues.defaultSliceKanban) {\r\n setCurrentSliceTo(GlobalConstants.DefaultValues.defaultSliceKanban);\r\n }\r\n }, [filteredGmrData]);\r\n\r\n return (\r\n \r\n \r\n setIsMessage(false)}\r\n errorResponse={errorResponse}\r\n />\r\n \r\n {isGreaterThanMobile ?\r\n \r\n \r\n }]}\r\n rightChildren={[}\r\n \r\n {GMRInfoData && filteredGmrData?.length === 0 ?\r\n \r\n \r\n \r\n : isKanbanView === true && isGreaterThanMobile ? \r\n \r\n : isKanbanView === false ? \r\n GMRInfoData[index] ? handleSummary(GMRInfoData[index].id) : void 0}\r\n selectable\r\n handleGMR={handleGMR}\r\n ellipsis\r\n brokerColor={brokerColor}\r\n sortable={[\"Name\", \"Loan Program\", \"Submitted On\", \"Properties or Units\"]}\r\n pagination={25}\r\n handleCopyGMR={handleCopyGMR}\r\n ellipsisHandlers={isInternalUser ? [\r\n {\r\n action: (_, item) => exportWorkbookAsync(item),\r\n text: \"Export Workbook\"\r\n }\r\n ] : []}\r\n editMode\r\n />\r\n : null\r\n }\r\n
}\r\n \r\n {!getIsWhiteLabeled() && handleGMR({})}>\r\n }\r\n {(GMRInfoData && filteredGmrData?.length !== 0) && handleInfolistViewType()} \r\n defaultChecked={!isKanbanView}\r\n />}\r\n
: Start Pricing
\r\n \r\n
\r\n \r\n {!getIsWhiteLabeled() &&
\r\n Looks like there isn't any pricing requests! Click below and get your loan priced in five minutes or less.
\r\n \r\n handleGMR({})}> \r\n
\r\n Get Started
\r\n handleSummary(id)}\r\n ellipsis\r\n labels={[\r\n {\r\n type: \"progress\",\r\n condition: \"submittedOn\",\r\n text: \"In Progress\",\r\n color: \"yellow\"\r\n },\r\n {\r\n type: \"completed\",\r\n completed: true,\r\n condition: \"submittedOn\",\r\n text: \"Completed\",\r\n color: \"green\"\r\n }\r\n ]}\r\n brokerColor={brokerColor}\r\n handleCustomDropCard={(card, i) => handleDropGmrCard(card, i)}\r\n ellipsisHandlers={isInternalUser ? [\r\n {\r\n action: (_, item) => exportWorkbookAsync(item),\r\n text: \"Export Workbook\"\r\n }\r\n ] : []}\r\n />\r\n
: isKanbanView === true && isGreaterThanTablet === false ? \r\n {GMRInfoIsLoading ?
\r\n );\r\n\r\n};\r\n\r\nexport default BPPricing2;","import React from \"react\";\r\nimport BPPricing from \"../broker/BPPricing\";\r\nimport BPPricing2 from \"../broker/BPPricing2\";\r\nimport BCError from \"../BCError\";\r\nimport { FeatureFlags } from \"../constants/LocalServerConstants\";\r\n\r\nconst Pricing = ({ ...props }) => {\r\n return (\r\n \r\n \r\n setErrorIsVisible(false)}\r\n />\r\n \r\n {isGreaterThanMobile ?\r\n \r\n \r\n }]}\r\n rightChildren={[}\r\n \r\n {GMRInfoData && filteredGmrData?.length === 0 ?\r\n \r\n \r\n \r\n : isKanbanView === true && isGreaterThanMobile ? \r\n \r\n : isKanbanView === false ? \r\n GMRInfoData[index] ? handleSummary(GMRInfoData[index].id) : void 0}\r\n selectable\r\n handleGMR={handleGMR}\r\n ellipsis\r\n brokerColor={brokerColor}\r\n sortable={[\"Name\", \"Loan Program\", \"Submitted On\", \"Properties or Units\"]}\r\n pagination={25}\r\n handleCopyGMR={handleCopyGMR}\r\n />\r\n : null\r\n }\r\n
}\r\n \r\n {!getIsWhiteLabeled() && handleGMR({})}>\r\n }\r\n {(GMRInfoData && filteredGmrData?.length !== 0) && handleInfolistViewType()} \r\n defaultChecked={!isKanbanView}\r\n />}\r\n
: Start Pricing
\r\n \r\n
\r\n \r\n {!getIsWhiteLabeled() &&
\r\n Looks like there isn't any pricing requests! Click below and get your loan priced in five minutes or less.
\r\n \r\n handleGMR({})}> \r\n
\r\n Get Started
\r\n handleSummary(id)}\r\n ellipsis\r\n labels={[\r\n {\r\n type: \"progress\",\r\n condition: \"submittedOn\",\r\n text: \"In Progress\",\r\n color: \"yellow\"\r\n },\r\n {\r\n type: \"completed\",\r\n completed: true,\r\n condition: \"submittedOn\",\r\n text: \"Completed\",\r\n color: \"green\"\r\n }\r\n ]}\r\n brokerColor={brokerColor}\r\n handleCustomDropCard={(card, i) => handleDropGmrCard(card, i)}\r\n />\r\n
: isKanbanView === true && isGreaterThanTablet === false ? \r\n
\r\n \r\n {props.leftCustom}\r\n
\r\n \r\n {props.rightCustom}\r\n {props.hasSearch &&
\r\n \r\n
}\r\n \r\n handleCard(card.id)}>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default LOKanbanCard;","import React from \"react\";\r\nimport { Grid } from \"semantic-ui-react\";\r\nimport { DndProvider } from \"react-dnd\";\r\nimport { HTML5Backend } from \"react-dnd-html5-backend\";\r\nimport update from \"immutability-helper\";\r\nimport LOKanbanCard from \"./LOKanbanCard\";\r\nimport BCKanbanLane from \"./BCKanbanLane\";\r\nimport \"../../styles/kanban.scss\";\r\nimport BCCards from \"./BCCards\";\r\n\r\ninterface BPProps {\r\n kanbanClass?;\r\n data; \r\n setData; \r\n handleCard?; \r\n freezeLanes?;\r\n isGreaterThanMobile?;\r\n infoData?;\r\n handleInfo?;\r\n displayList?;\r\n handleGMR?;\r\n handleCopyGMR?;\r\n handleSummary?;\r\n handleApplication?;\r\n handleCopyApplication?;\r\n labels?;\r\n ellipsis?;\r\n brokerColor?;\r\n}\r\n\r\nconst BCKanban = ({ ...props }: BPProps) => {\r\n const fittedViewMax = 3;\r\n const moveCard = (card: any, draggedIndex: number, atIndex: number, draggedCategory: number, category: number) => {\r\n if (draggedCategory !== category) {\r\n props.setData(\r\n update(props.data, {\r\n [draggedCategory]: {\r\n cards: {\r\n $splice: [\r\n [draggedIndex, 1]\r\n ],\r\n }\r\n },\r\n [category]: {\r\n cards: {\r\n $splice: [\r\n [atIndex, 0, card]\r\n ],\r\n }\r\n }\r\n }),\r\n );\r\n }\r\n else {\r\n props.setData(\r\n update(props.data, {\r\n [category]: {\r\n cards: {\r\n $splice: [\r\n [draggedIndex, 1],\r\n [atIndex, 0, card],\r\n ],\r\n }\r\n }\r\n }),\r\n );\r\n }\r\n \r\n };\r\n\r\n const findCard = (id: string, category: number) => {\r\n const item = props.data.find(x => x.index === category);\r\n const card = item.cards.find(x => x.id === id);\r\n return {\r\n card,\r\n index: item.cards.indexOf(card)\r\n };\r\n };\r\n\r\n const handleDrop = React.useCallback(\r\n (targetCategoryIndex: number, item: any, cards: any) => {\r\n const originCategory = cards.find(x => {\r\n return x.cards.find(y => y.id === item.id);\r\n });\r\n const draggedCard = originCategory.cards.find(x => x.id === item.id);\r\n if (originCategory.index !== targetCategoryIndex) {\r\n props.setData(\r\n update(cards, {\r\n [originCategory.index]: {\r\n cards: {\r\n $splice: [\r\n [item.originalIndex, 1]\r\n ],\r\n }\r\n },\r\n [targetCategoryIndex]: {\r\n cards: {\r\n $splice: [\r\n [0, 0, draggedCard]\r\n ],\r\n }\r\n }\r\n }),\r\n );\r\n }\r\n },\r\n [props],\r\n );\r\n\r\n const NewlineText = (props) => {\r\n const text = props.text;\r\n const newText = text.split(\"\\n\").map((str, i) => {card.name}
\r\n {card.address}
\r\n Loan Amount: {convertToDollar(card.loanAmount)}
\r\n \r\n Closing: {card.closing} \r\n 0 ? \"kanban-green-date\" : \r\n calculateDaysLeft(card.closing) === 0 ? \"kanban-orange-date\" :\r\n \"kanban-red-date\"}>({calculateDaysLeft(card.closing)} Days)\r\n
\r\n Completeness: {convertToPercentString(card.completeness)}
\r\n \r\n {card.tags.map((item, i) => {\r\n return (\r\n \r\n );\r\n })}\r\n
\r\n {str}
);\r\n return newText;\r\n };\r\n\r\n return (\r\n\r\n \r\n fittedViewMax ? \"kanban-grid-overflow\" : \"\"} columns={props.data && props.data.length}>\r\n fittedViewMax ?\"kanban-row-overflow kanban-row\" : \"kanban-row\"}>\r\n {props.data && props.data.map((item, i) => {\r\n return (\r\n fittedViewMax ? \"kanban-column-fixed kanban-column\" : \"kanban-column\"}>\r\n \r\n );\r\n })}\r\n \r\n fittedViewMax ?\"kanban-row-overflow kanban-row\" : \"kanban-row\"}>\r\n {props.data && props.data.map((item, i) => {\r\n return (\r\n fittedViewMax ?\"kanban-column-fixed kanban-column\" : \"kanban-column\"}>\r\n handleDrop(i, item, props.data)}\r\n key={i}\r\n >\r\n {(item && item.cards.length !== 0) && props.freezeLanes === true ? \r\n );\r\n })}\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default BCKanban;","import React from \"react\";\r\nimport { Dropdown, Form, Grid, Input } from \"semantic-ui-react\";\r\nimport { getStateOptions } from \"../../Helpers\";\r\n\r\nconst BCAddressForm = ({ ...props }) => {\r\n const stateOptions = getStateOptions();\r\n return (\r\n \r\n setIsApiMessage(false)}\r\n header={\"Oops!\"}\r\n text={\"It looks like something went wrong.\"}\r\n />\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default LODealForm;","import React from \"react\";\r\nimport { Dropdown, Form, Grid, Input } from \"semantic-ui-react\";\r\nimport BCAddressForm from \"../ui/BCAddressForm\";\r\nimport { getDropdownOptions } from \"../../Helpers\";\r\n\r\nconst LOBorrowerForm = ({ ...props }) => {\r\n const EntitySubTypes = [\"EntitySubType1\", \"EntitySubType2\"];\r\n const handleFormChange = (value, field) => {\r\n props.newBorrower[field] = value;\r\n props.setNewBorrower(props.newBorrower);\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default LOBorrowerForm;","import React from \"react\";\r\nimport { Form, Grid, Input } from \"semantic-ui-react\";\r\nimport BCAddressForm from \"../ui/BCAddressForm\";\r\n\r\nconst LOContactForm = ({ ...props }) => {\r\n const handleFormChange = (value, field) => {\r\n props.newContact[field] = value;\r\n props.setNewContact(props.newContact);\r\n };\r\n return (\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default LOContactForm;","import React, { useState, useCallback, useEffect } from \"react\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { Breadcrumb, Button, Checkbox, Icon, Loader } from \"semantic-ui-react\";\r\nimport BCMessage from \"../ui/BCMessage\";\r\nimport BCCardMenuBar from \"../ui/BCCardMenuBar\";\r\nimport LOKanban from \"../ui/LOKanban\";\r\nimport BCTable from \"../ui/BCTable\";\r\nimport BCModal from \"../ui/BCModal\";\r\nimport LODealForm from \"./LODealForm\";\r\nimport LOBorrowerForm from \"./LOBorrowerForm\";\r\nimport LOContactForm from \"./LOContactForm\";\r\nimport BCButton from \"../ui/BCButton\";\r\nimport { getDeals } from \"../../api/LOApi\";\r\nimport { getMockDeals } from \"../../api/mock/MockLOApi\";\r\nimport { convertToDollar } from \"../../Helpers\";\r\nimport \"../../styles/deals.scss\";\r\nimport { FeatureFlags } from \"../constants/LocalServerConstants\";\r\n\r\nconst LODeals = ({ \r\n isGreaterThanMobile, \r\n isGreaterThanTablet, \r\n isSidebar, \r\n isMessage, \r\n setIsMessage,\r\n errorResponse, \r\n setErrorResponse,\r\n dealData,\r\n setDealData, \r\n isModalOpen, \r\n setIsModalOpen \r\n}) => {\r\n const [isLoading, setIsLoading] = useState(true);\r\n const [isKanban, setIsKanban] = useState(true);\r\n const [searchValue, setSearchValue] = useState(\"\");\r\n const [newDealType, setNewDealType] = useState(\"default\");\r\n const [newDeal, setNewDeal] = useState({ state: \"WA\" } as any);\r\n const [newBorrower, setNewBorrower] = useState({ state: \"WA\" } as any);\r\n const [newContact, setNewContact] = useState({ state: \"WA\" } as any);\r\n\r\n const history = useHistory();\r\n const handleError = useCallback(() => {\r\n history.push(\"/error\");\r\n }, [history]);\r\n\r\n const handleDealCard = useCallback((id) => {\r\n history.push(`/deal/${id}`);\r\n }, [history]);\r\n\r\n const handleSearchChange = useCallback((e) => {\r\n setSearchValue(e.target.value);\r\n }, []);\r\n\r\n const filterDealsList = (deals) => {\r\n return deals.map((element) => {\r\n return {...element, cards: element.cards.filter((subElement) => subElement.name.toLowerCase().includes(searchValue.toLowerCase()))};\r\n });\r\n };\r\n\r\n const convertDealsToTableFormat = (deals) => {\r\n const result = [] as any;\r\n deals.forEach((dealType) => {\r\n dealType.cards.forEach((deal) => {\r\n result.push({\r\n \"Deal Status\": dealType.name,\r\n \"Borrower\": deal.name,\r\n \"Address\": deal.address,\r\n \"Loan Amount\": convertToDollar(deal.loanAmount),\r\n \"Close Date\": deal.closing\r\n });\r\n }); \r\n });\r\n\r\n return result;\r\n };\r\n\r\n const handleModalClose = () => {\r\n setNewDealType(\"default\");\r\n setIsModalOpen(false);\r\n };\r\n\r\n const handleNewDealCreate = () => {\r\n switch (newDealType) {\r\n case \"borrower\":\r\n FeatureFlags.IS_DEBUG && console.log(\"Create new deal borrower\");\r\n FeatureFlags.IS_DEBUG && console.log(newBorrower);\r\n setNewDealType(\"default\");\r\n break;\r\n case \"contact\":\r\n FeatureFlags.IS_DEBUG && console.log(\"Create new deal contact\");\r\n FeatureFlags.IS_DEBUG && console.log(newContact);\r\n setNewDealType(\"default\");\r\n break;\r\n default:\r\n FeatureFlags.IS_DEBUG && console.log(\"Create new deal\");\r\n FeatureFlags.IS_DEBUG && console.log(newDeal);\r\n setIsModalOpen(false);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n const getLODealsAsync = async () => {\r\n try {\r\n const response = FeatureFlags.IS_MOCK ? await getMockDeals() : await getDeals();\r\n if (response && response.ok) {\r\n setIsMessage(false);\r\n setDealData(await response.json());\r\n }\r\n else {\r\n FeatureFlags.IS_DEBUG && console.log(response);\r\n setIsMessage(true);\r\n }\r\n }\r\n catch (error) {\r\n FeatureFlags.IS_DEBUG && console.log(error);\r\n setErrorResponse(error);\r\n setIsMessage(false);\r\n handleError();\r\n }\r\n setIsLoading(false);\r\n };\r\n\r\n getLODealsAsync();\r\n }, [setIsMessage, handleError, setDealData]);\r\n\r\n const sortDealArray = (arr, property) => {\r\n arr.sort((a, b) => {\r\n return a[property] - b[property];\r\n });\r\n return arr;\r\n };\r\n\r\n const NewDealHeader = ({ type }) => {\r\n return (\r\n \r\n {isLoading ?
\r\n );\r\n};\r\n\r\nexport default LODeals;","import React from \"react\";\r\nimport LODeals from \"../lo/LODeals\";\r\nimport BCError from \"../BCError\";\r\n\r\nconst Deals = ({ ...props }) => {\r\n return (\r\n \r\n setIsMessage(false)}\r\n errorResponse={errorResponse}\r\n />\r\n \r\n {isGreaterThanMobile ? setIsModalOpen(true)}>\r\n :\r\n setIsModalOpen(true)}>\r\n }\r\n setIsKanban(!isKanban)}/>\r\n }\r\n />\r\n {isKanban ? setIsModalOpen(true)}\r\n header={ setNewDealType(\"borrower\")}\r\n handleAddContact={() => setNewDealType(\"contact\")}\r\n />}\r\n actions={}\r\n />\r\n
}\r\n New Deal
\r\n \r\n {isLoading ?
\r\n );\r\n};\r\n\r\nexport default LOActivities;","import React from \"react\";\r\nimport LOActivities from \"../lo/LOActivities\";\r\nimport BCError from \"../BCError\";\r\n\r\nconst Activities = ({ ...props }) => {\r\n return (\r\n \r\n setIsMessage(false)}\r\n errorResponse={errorResponse}\r\n />\r\n LOActivities\r\n
}\r\n \r\n {props.title &&
\r\n \r\n
}\r\n \r\n \r\n
\r\n {props.subtitleLists && props.subtitleLists.map((subtitleList, i) => \r\n \r\n
\r\n {props.title}
\r\n {props.subtitle}
\r\n \r\n {props.menubarButton ? props.menubarButton : null}\r\n
\r\n \r\n {subtitleList && subtitleList.map((subtitle, i) => \r\n
)}\r\n {props.dropdown && props.dropdown}\r\n {subtitle.title}:{subtitle.detail}
\r\n )}\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default BCActionMenu;","import React, { useEffect, useState, useCallback } from \"react\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { Loader } from \"semantic-ui-react\";\r\nimport BCMessage from \"../ui/BCMessage\";\r\nimport BCTabMenuBar from \"../ui/BCTabMenuBar\";\r\nimport BCDashboard from \"../ui/BCDashboard\";\r\nimport BCDashboardFeed from \"../ui/BCDashboardFeed\";\r\nimport BCDashboardButtons from \"../ui/BCDashboardButtons\";\r\nimport BCActionMenu from \"../ui/BCActionMenu\";\r\nimport BCTable from \"../ui/BCTable\";\r\nimport { getDeals, getDeal, getLODashboard } from \"../../api/LOApi\";\r\nimport { getMockDeals, getMockDeal, getMockLODashboard } from \"../../api/mock/MockLOApi\";\r\nimport { FeatureFlags } from \"../constants/LocalServerConstants\";\r\n\r\nconst LODeal = ({ \r\n isGreaterThanMobile, \r\n isGreaterThanTablet, \r\n isSidebar, \r\n isMessage, \r\n setIsMessage, \r\n errorResponse, \r\n setErrorResponse,\r\n deal, \r\n setDealData \r\n}) => {\r\n const LODealTabs = [\r\n \"Loan Details\",\r\n \"Properties\",\r\n \"Entities\",\r\n \"Documents\",\r\n \"Messaging\",\r\n \"Comments\",\r\n \"Change Log\"\r\n ];\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [dashboardData, setDashboardData] = useState(undefined as any);\r\n const [loDeal, setLODeal] = useState(undefined as any);\r\n const [activeTab, setActiveTab] = useState(LODealTabs[0].toLocaleUpperCase());\r\n\r\n const history = useHistory();\r\n const handleError = useCallback(() => {\r\n history.push(\"/error\");\r\n }, [history]);\r\n\r\n const handleNavigateToActivities = useCallback(() => {\r\n history.push(\"/activities\");\r\n }, [history]);\r\n\r\n const handleAction = (action) => {\r\n switch(action) {\r\n case \"Review\":\r\n FeatureFlags.IS_DEBUG && console.log(\"Review\");\r\n break;\r\n case \"Archive\":\r\n FeatureFlags.IS_DEBUG && console.log(\"Archive\");\r\n break;\r\n case \"Download\":\r\n FeatureFlags.IS_DEBUG && console.log(\"Download\");\r\n break;\r\n default:\r\n FeatureFlags.IS_DEBUG && console.log(\"default\");\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n const getLODealsAsync = async () => {\r\n try {\r\n const response = FeatureFlags.IS_MOCK ? await getMockDeals() : await getDeals();\r\n if (response && response.ok) {\r\n setIsMessage(false);\r\n setDealData(await response.json());\r\n }\r\n else {\r\n FeatureFlags.IS_DEBUG && console.log(response);\r\n setIsMessage(true);\r\n }\r\n }\r\n catch (error) {\r\n FeatureFlags.IS_DEBUG && console.log(error);\r\n setIsMessage(false);\r\n handleError();\r\n }\r\n setIsLoading(false);\r\n };\r\n\r\n const getLODealAsync = async (id) => {\r\n try {\r\n const response = FeatureFlags.IS_MOCK ? await getMockDeal(id) : await getDeal(id);\r\n if (response && response.ok) {\r\n setIsMessage(false);\r\n setLODeal(await response.json());\r\n }\r\n else {\r\n FeatureFlags.IS_DEBUG && console.log(response);\r\n setErrorResponse(response);\r\n setIsMessage(true);\r\n }\r\n }\r\n catch (error) {\r\n FeatureFlags.IS_DEBUG && console.log(error);\r\n setIsMessage(false);\r\n handleError();\r\n }\r\n setIsLoading(false);\r\n };\r\n\r\n const getLODashboardAsync = async () => {\r\n try {\r\n const response = FeatureFlags.IS_MOCK ? await getMockLODashboard() : await getLODashboard();\r\n if (response && response.ok) {\r\n setIsMessage(false);\r\n setDashboardData(await response.json());\r\n }\r\n else {\r\n FeatureFlags.IS_DEBUG && console.log(response);\r\n setIsMessage(true);\r\n }\r\n }\r\n catch (error) {\r\n FeatureFlags.IS_DEBUG && console.log(error);\r\n setIsMessage(false);\r\n handleError();\r\n }\r\n setIsLoading(false);\r\n };\r\n\r\n if (deal === undefined) {\r\n setIsLoading(true);\r\n getLODealsAsync();\r\n }\r\n else {\r\n getLODashboardAsync();\r\n getLODealAsync(deal.id);\r\n }\r\n \r\n }, [setIsMessage, handleError, deal, setDealData]);\r\n\r\n const LODealDetailsLayout = [\r\n [\r\n {\r\n title: \"Loan Quote\",\r\n size: 12,\r\n content: Loan Quote
\r\n },\r\n {\r\n title: \"Activities\",\r\n size: 4,\r\n content: Loan Properties
\r\n }\r\n ]\r\n ];\r\n\r\n const LODealDocumentsLayout = [\r\n [\r\n {\r\n size: 16,\r\n content: \r\n
\r\n }\r\n ]\r\n ];\r\n\r\n return (\r\n \r\n {isLoading ?
\r\n );\r\n};\r\n\r\nexport default LODeal;","import React from \"react\";\r\nimport { css } from \"@emotion/css\";\r\nimport { Segment, Progress, Step, Icon } from \"semantic-ui-react\";\r\nimport \"../../styles/steps.scss\";\r\nimport { getIsWhiteLabeled } from \"../../helpers/PermissionHelper\";\r\n\r\nconst BCSteps = ({ ...props }) => {\r\n const brokerProgressBarOverrideCSS = css`\r\n .bar {\r\n background: ${props.brokerColor ? props.brokerColor : \"black\"}!important;\r\n }\r\n `;\r\n\r\n const brokerStepOverrideCSS = css`\r\n background-color: ${props.brokerColor ? props.brokerColor : \"black\"}!important;\r\n &::after {\r\n background-color: ${props.brokerColor ? props.brokerColor : \"black\"}!important;\r\n }\r\n `;\r\n\r\n return (\r\n \r\n setIsMessage(false)}\r\n errorResponse={errorResponse}\r\n />\r\n {deal &&
}\r\n \r\n
}\r\n \r\n \r\n \r\n \r\n \r\n \r\n void 0}\r\n />\r\n \r\n {props.gmrScenarios.map((scenario, i) => {\r\n return(\r\n \r\n handleScenarioFormChange(\r\n value,\r\n field,\r\n props.gmrScenarios,\r\n props.setGmrScenarios,\r\n GlobalConstants.InputTypes.STRING,\r\n undefined,\r\n undefined,\r\n i\r\n )}\r\n />\r\n \r\n );})} \r\n \r\n \r\n {FeatureFlags.IS_BC_PRICING && \r\n }\r\n
\r\n );\r\n\r\n};\r\n\r\nexport default BPPricingScenario;\r\n","\r\nimport { css } from \"@emotion/css\";\r\n\r\nexport const BrandStyles = {\r\n BrokerLabelBorderOverrideCSS: \"BrokerLabelBorderOverrideCSS\"\r\n};\r\n\r\nexport const getBrandedStyle = (style, brandColor) => {\r\n if (!brandColor) {\r\n return;\r\n }\r\n\r\n switch(style) {\r\n case \"BrokerLabelBorderOverrideCSS\":\r\n return css`\r\n border-bottom: 3px solid ${brandColor ? brandColor : \"black\"}!important;\r\n `;\r\n default:\r\n return;\r\n }\r\n};","\r\nimport React from \"react\";\r\nimport { Grid } from \"semantic-ui-react\";\r\nimport { handleAddressValue, operationOfNumberArray } from \"../../Helpers\";\r\nimport { getIsWhiteLabeled } from \"../../helpers/PermissionHelper\";\r\nimport { BrandStyles, getBrandedStyle } from \"../constants/BrandingConstants\";\r\nimport { ConfigDefaults } from \"../constants/BrokerConstants\";\r\nimport { ErrorMessages, GlobalConstants, YesNoBooleanRadios } from \"../constants/GlobalConstants\";\r\nimport { FeatureFlags } from \"../constants/LocalServerConstants\";\r\nimport BCFormInput from \"../ui/BCFormInput\";\r\nimport BCValidationMessage from \"../ui/BCValidationMessage\";\r\nimport { BPQuestionLabels } from \"./BPQuestionLabels\";\r\n\r\ninterface IBPAssociatedBrokerQuestion {\r\n obj: any;\r\n handleFormChange: (value: any, field: any) => void;\r\n disabled?: boolean;\r\n invalidProps: string[];\r\n flow: string;\r\n}\r\n\r\ninterface IBPBrokerEmailQuestion {\r\n isBrokerSelected: boolean;\r\n handleAddBroker: () => void;\r\n handleOnSearchChange: (value: any, field: any, charLimit?: number | undefined) => Promise\r\n
\r\n }\r\n Previous
\r\n \r\n
\r\n \r\n Cancel
\r\n \r\n \r\n {(gmrObject.gmrCostPaids.length > 1) && }\r\n
\r\n {borrowerEntityDisclaimer1}
{borrowerEntityDisclaimer2}
\r\n
\r\n \r\n {(FeatureFlags.IS_BC_PRICING && !isAnonymous) && \r\n handleAddScenario()}\r\n disabled={gmrScenarios && gmrScenarios.length >= 2}\r\n >\r\n handleRecalculate(gmrScenarios)}\r\n disabled={!isRecalculateValid}\r\n >\r\n handleExportOnClick()}\r\n >\r\n handleSendToBrokerButton()}\r\n >\r\n }\r\n
\r\n \r\n
\r\n \r\n Add Scenario
\r\n \r\n
\r\n \r\n Re-Calculate
\r\n \r\n
\r\n \r\n {(FeatureFlags.IS_BETA && gmrObject.isBrokerInvolved && isAdminBrmOrLo) && Export
\r\n \r\n
\r\n }\r\n {sendToBroker}
\r\n \r\n \r\n }\r\n
\r\n {borrowerEntityDisclaimer3}
\r\n {borrowerEntityDisclaimer4}
\r\n {borrowerEntityDisclaimer5}
\r\n \r\n \r\n \r\n \r\n {isLoading ? \r\n \r\n handleScenarioModalClose()}\r\n onOpen={() => setIsScenarioExportModal(true)}\r\n actions={\r\n \r\n \r\n \r\n \r\n \r\n handleScenarioModalExportComparison()}\r\n disabled={handleExportComparisonDisabled()}\r\n >\r\n \r\n \r\n }\r\n header=\"Which would you like to export?\"\r\n content={\r\n handleScenarioModalChange(value, field, scenarioModalObj, setScenarioModalObj)}\r\n />\r\n {(gmrScenarios && gmrScenarios.length > 0) && gmrScenarios.map((gmrScenario, i) => {\r\n return (\r\n handleScenarioModalChange(value, field, scenarioModalObj, setScenarioModalObj)}\r\n />\r\n );\r\n })}\r\n }\r\n />\r\n setPreviousModal(false)}\r\n onOpen={() => setPreviousModal(true)}\r\n actions={\r\n \r\n \r\n \r\n \r\n \r\n setPreviousModal(false)}\r\n >\r\n \r\n \r\n }\r\n header=\"Warning, you will lose your data!\"\r\n content=\"If you proceed to the previous page, your scenarios will be lost.\"\r\n />\r\n setStartApplicationModal(false)}\r\n onOpen={() => setStartApplicationModal(true)}\r\n actions={\r\n \r\n \r\n \r\n \r\n \r\n handleLoanApplication()}\r\n >\r\n \r\n \r\n }\r\n header={\"Which scenario would you like to start an application with?\"}\r\n content={\r\n \r\n handleFormChange(value, field, gmrObject, setGmrObject, \"string\", handleCustomFormChange)}\r\n />\r\n \r\n }\r\n />\r\n setIsSubmitAnonymousModal(false)}\r\n onOpen={() => setIsSubmitAnonymousModal(true)}\r\n actions={\r\n \r\n \r\n \r\n \r\n \r\n handleRouteToBorrowerApplication()}\r\n >\r\n \r\n \r\n }\r\n header=\"Next Steps\"\r\n content={\r\n }\r\n />\r\n setIsScenarioSentToBrokerModal(false)}\r\n onOpen={() => setIsScenarioSentToBrokerModal(true)}\r\n header=\"Send to Broker\"\r\n subHeader={\"Not only can you send the following email to your Broker, but upon clicking \\\"Send\\\" below, the pricing card will show up on the Broker's Pricing Dashboard, allowing them to create scenarios.\"}\r\n content={isSendBrokerEmailLoading ? \r\n \r\n \r\n \r\n \r\n \r\n handleSendToBroker()}\r\n >\r\n \r\n \r\n }\r\n />}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {handleIsShowButton() && \r\n (currentStepId === GetMyRateSteps.Calculation.id && isAnonymous) ? handleSubmitAnonymous() :\r\n (currentStepId === GetMyRateSteps.Calculation.id && gmrScenarios.length > 0) ? setStartApplicationModal(true) :\r\n (currentStepId === GetMyRateSteps.Calculation.id && gmrScenarios.length <= 0) ? handleLoanApplication() :\r\n (currentStepId === BackgroundSteps.BrokerFeeRate.id && !FeatureFlags.IS_BETA) ||\r\n currentStepId === BackgroundSteps.BorrowerContact.id ? await handleCalculate() :\r\n currentStepId === BackgroundSteps.BorrowerEntity.id ? handleCalculateAnonymous() :\r\n handleTryNext()}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Export Comparison
\r\n \r\n
\r\n \r\n Keep me here!
\r\n \r\n
\r\n \r\n Start Application
\r\n \r\n
\r\n \r\n Start Application
\r\n We have received your submission!
Our Sales Team will be in contact with you shortly to discuss your project and put our innovative, creative structure to work for you.
If you’re ready to take the next steps and start your application, we will redirect you to our Portal, where you will have 24/7 access to your loan applications, draws and more.
\r\n
\r\n \r\n Send
\r\n \r\n
\r\n }\r\n {\r\n (currentStepId === GetMyRateSteps.Calculation.id && isAnonymous) ? \"Submit\" :\r\n currentStepId === GetMyRateSteps.Calculation.id ? \"Submit and Start Application\" :\r\n (currentStepId === BackgroundSteps.BrokerFeeRate.id && !FeatureFlags.IS_BETA) ||\r\n currentStepId === BackgroundSteps.BorrowerEntity.id || currentStepId === BackgroundSteps.BorrowerContact.id ? \r\n \"Calculate\" : \"Next\"}
\r\n Application Step Index: {ApplicationSteps.findIndex(x => x.id === currentStepId)}
\r\n Application Progress: {currentProgress}
\r\n (ApplicationSteps[parseInt(e.target.value)] && ApplicationSteps[parseInt(e.target.value)].id) ?\r\n setCurrentStepId(ApplicationSteps[parseInt(e.target.value)].id) : void 0} />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {previewFileUrl ? \r\n }\r\n \r\n
\r\n {props.uploadTitle ? props.uploadTitle : \"Drag your files here or browse\"}
\r\n {props.uploadText ? props.uploadText : \"PDFs, JPEGs, and PNGs accepted\"}
\r\n Edit {checkedUnits.length} Unit{checkedUnits.length > 1 && \"s\"}
\r\n Select all inputs you would like to apply edits to. The fields you do not change, will not change in the table.
\r\n \r\n }\r\n content={\r\n \r\n }\r\n actions={\r\nEdit
\r\n }\r\n Edit {checkedPropertySchedules.length} Row{checkedPropertySchedules.length > 1 && \"s\"}
\r\n Select all inputs you would like to make edit. The fields you do not change, will not change in the table.
\r\n \r\n }\r\n content={\r\n \r\n }\r\n actions={\r\n\r\n
}\r\n />\r\n {(warningMessage) && Total Requested Loan Term
\r\n {totalRequestedLoanTerm > 0 ? `${totalRequestedLoanTerm} month${totalRequestedLoanTerm !== 0 ? \"s\" : \"\"}` : \"0 months\"}
\r\n {modalContent}
}\r\n actions={\r\n
\r\n \r\n {cancelButtonWord || \"Cancel\"}
\r\n \r\n
\r\n \r\n {confirmButtonWord || \"Yes\"}
\r\n \r\n
\r\n );\r\n };\r\n\r\n const WhiteLabeledApplicationWelcome = () => {\r\n if (proxyUser && proxyUser.id) {\r\n user = proxyUser;\r\n user.name = `${proxyUser.firstName} ${proxyUser.lastName}`;\r\n }\r\n\r\n return (\r\n \r\n
\r\n {props.label}
\r\n {props.action && props.buttonLabel && }\r\n 1
\r\n 2
\r\n 3
\r\n 4
\r\n 5
\r\n 1
\r\n Click the button below to quickly invite your primary Guarantor, or click Next at the bottom to complete the application yourself.
\r\n \r\n {FeatureFlags.IS_UNIT_PROPERTY_REDESIGN ? \"2\" : \"1\"}
\r\n Once you have completed the next two pages of the Projects Tab, you can click on any of the application tabs.
\r\n 3
\r\n 3
\r\n You can invite Guarantors as soon as the minimum information to get an application.
\r\n {(applicationScreenStatus.Projects && projectFirstRequiredIds.indexOf(applicationScreenStatus.Projects) > -1) ?
\r\n {(applicationScreenStatus.Projects && projectSecondRequiredIds.indexOf(applicationScreenStatus.Projects) > -1) ?
\r\n {applicationScreenStatus.Entity ?
\r\n {(selectedBrokerGuarantors && selectedBrokerGuarantors.length > 0) ?
\r\n \r\n {guarantorStatus !== \"Completed\" && guarantor.email !== user.email && }\r\n {(selectedBrokerGuarantors && selectedBrokerGuarantors.length > 1) && }\r\n
\r\n \r\n
\r\n \r\n We understand you’d like to pay later. Once paid, it can take up to 10 days to receive 3rd party services. A delay in pre-paying could delay closing of the loan. We recommend paying as soon as possible.\r\n
\r\n setIsPaymentModalOpen(false)}>Pay Later
\r\n \r\n
\r\n \r\n Some fees associated with your loan will need to be paid prior to closing. You can review these and pay them now. Otherwise, if you'd like to make payments later, you will be able to access your invoice(s) via the payments tab on your loan, at your convenience.\r\n
\r\n setPaymentModalStage(\"warning\")}>Pay Later
\r\n \r\n
; \r\n }\r\n else if (creditModalStage === \"pulled\") {\r\n brokerModal.content = Your credit is being pulled, please wait.
\r\n \r\n
;\r\n brokerModal.actions = ;\r\n }\r\n else if (creditModalStage === \"pull failed\") {\r\n brokerModal.content = Success! We were able to retrieve your credit score.
\r\n \r\n Your credit score is\r\n {newGuarantor.creditScore ? newGuarantor.creditScore : \"\"}\r\n
\r\n \r\n
;\r\n brokerModal.actions = ;\r\n }\r\n else if (creditModalStage === \"skip credit\") {\r\n brokerModal.content = We were unable to retrieve your credit score.
\r\n \r\n
\r\n Common causes include incorrect entry of:
\r\n 1. Social Security Number (SSN)
\r\n 2. Legal first and last name
\r\n 3. Accurate physical address
\r\n Please verify the information you entered and try again.
\r\n \r\n
;\r\n brokerModal.actions = Why you should reconsider
\r\n \r\n Pull your Credit Score now to give your lending team the best opportunity to advocate on your behalf. If you wait to pull your credit score later some of the conditions of your loan may change, potentially delaying your closing process.\r\n
\r\n handleSkipCreditScoreConfirm()}>No, Pull My Score Later
\r\n Save Changes
;\r\n skipModal.content = It looks like you made some changes, but they aren't saved yet. What would you like to do?
;\r\n skipModal.actions = Edit {checkedProperties.length} Propert{checkedProperties.length === 1 ? \"y\" : \"ies\"}
\r\n The fields with question bubbles have superpowers. Click into the textboxes to see their superpowers or hold your cursor over the question bubble to read more. Change all inputs you would like to edit. Textboxes that say \"Mixed\" indicate that the properties you have selected have varied answers; if you override \"Mixed\" you will change the previous answers.
\r\n \r\n }\r\n content={\r\n \r\n }\r\n actions={\r\nEdit
\r\n \r\n )\r\n }\r\n \r\n {i !== 0 && }\r\n {i !== 0 && }\r\n
\r\n \r\n \r\n
\r\n Edit
\r\n \r\n )}\r\n \r\n \r\n \r\n
\r\n {startAppObject.submittedOn && The application has been submitted for initial review. Please coordinate with your Broker to remove any Additional Collateral from the loan.}
Credit Score
\r\n {authorizationText}
\r\n handlePullCreditScore()}>Pull Credit Instead
\r\n Credit Score
\r\n This is your median credit score from Experian, Transunion, and Equifax. A copy of your credit scores will be mailed to you along with instructions to obtain your full credit report.
\r\n {newGuarantor.creditScore}
\r\n \r\n }\r\n /> : Credit Score
\r\n {authorizationText}
\r\n \r\n handleSkipCreditScore()}>Skip For Now
\r\n }\r\n />}\r\n \r\n {startAppObject.submittedOn && The application has been submitted for initial review. Please coordinate with your Broker to remove any Additional Collateral from the loan.}
\r\n Full Edit:\r\n
\r\n Allows for full access to the loan and ability to edit the application. Individuals with this access level can add more Guarantors to the loan, but not see any personal identification information for those Guarantors.
\r\n \r\n View Only:\r\n Provides the ability to see the entire application (minus other Guarantor's personal identification information) and the ability to edit their own information.
\r\n \r\n Limited:\r\n Allows for a limited viewing of the application. Individuals with this access level will only be able to see the summary of the loan and edit their own information.
\r\n \r\n
\r\n \r\n {isValidPermission(permissions, \"BrokerGMRPricingInfo\", \"export\") && handleExport(startAppObject.gmrId)}>\r\n }\r\n
\r\n Export
\r\n \r\n
\r\n Our Sales Team will be in contact with you shortly to discuss your project and put our innovative, creative structure to work for you.
\r\n \r\n
\r\n }\r\n Previous
\r\n \r\n
\r\n \r\n Cancel
\r\n Group Plans
;\r\n brokerModal.content = ;\r\n brokerModal.actions = ;\r\n }\r\n else if (type === \"new builder\") {\r\n brokerModal.header = New Builder
;\r\n brokerModal.content = ;\r\n brokerModal.actions = ;\r\n }\r\n else if (type === \"new guarantor\" || type === \"edit guarantor\") {\r\n brokerModal.header = New Guarantor
;\r\n brokerModal.content = ;\r\n brokerModal.actions = {handleBrokerModalHeader(\"New Guarantor\", \"Additonal Information\")}
;\r\n brokerModal.content = ;\r\n brokerModal.actions = {handleBrokerModalHeader(\"New Guarantor\", \"Assets\")}
;\r\n brokerModal.content = ;\r\n brokerModal.actions = {handleBrokerModalHeader(\"New Guarantor\", \"Liabilities\")}
;\r\n brokerModal.content = ;\r\n brokerModal.actions = {handleBrokerModalHeader(\"New Guarantor\", \"REO Schedule\")}
;\r\n brokerModal.content = ;\r\n brokerModal.actions = \r\n
\r\n \r\n Previous
\r\n \r\n
\r\n \r\n Cancel
\r\n {alType === \"Asset\" ? \"Add Asset\" : \"Add Liability\"}
;\r\n brokerModal.content = ;\r\n brokerModal.actions = \r\n
\r\n \r\n Close
\r\n Add Real Estate Owned
;\r\n brokerModal.content = ;\r\n brokerModal.actions = \r\n
\r\n \r\n Close
\r\n handleEnterKeyNext(e, currentStepId)}\r\n ref={applicationRef as any}\r\n >\r\n clearInviteGuarantorFormInputs()}\r\n size=\"large\"\r\n closeIcon\r\n header=\"Inviting a Guarantor\"\r\n subHeader=\"Complete these fields to quickly invite your primary Guarantor.\"\r\n content={ handleApplicationFormChange(value, field, newBorrowerEntity, setNewBorrowerEntity, type, undefined, charLimit)}\r\n handleGuarantorSearchChange={handleGuarantorSearchChange}\r\n guarantorSearch={guarantorSearch}\r\n handleDoubleFilterGuarantorSuggestions={handleDoubleFilterGuarantorSuggestions}\r\n handleGuarantorSelect={handleGuarantorSelect}\r\n isBrokerGuarantorSelected={isBrokerGuarantorSelected}\r\n handleGuarantorFocus={handleGuarantorFocus}\r\n setIsBrokerGuarantorInvited={setIsBrokerGuarantorInvited}\r\n setBrokerGuarantorInvitedName={setBrokerGuarantorInvitedName}\r\n handleCreateOrPatchBorrowerEntity={handleCreateOrPatchBorrowerEntity}\r\n handleCreateOrPatchGuarantor={handleCreateOrPatchGuarantor}\r\n />}\r\n />\r\n setIsMessage(false)}\r\n errorResponse={errorResponse}\r\n />\r\n {(currentStepId === EntitySteps.AdditionalInformation.id && isNotifyLoanOfficerPersona &&\r\n startAppObject.loanOfficerOrganizationContactId &&\r\n applicationScreenStatus.Projects === ProjectSteps.PermitStatus.id &&\r\n applicationScreenStatus.Property === PropertySteps.LoanTerm.id &&\r\n applicationScreenStatus.Budget === BudgetSteps.ProjectDetails.id) ? setIsLoanOfficerMessage(false)}\r\n header=\"Success!\"\r\n custom={<>\r\n setIsLoanOfficerWarning(false)}\r\n header={\"Warning!\"}\r\n text={handleLoanOfficerWarningText()}\r\n /> : null\r\n }\r\n setIsBrokerGuarantorInvited(false)}\r\n header={\"Success!\"}\r\n text={`${brokerGuarantorInvitedName} has been sent an invitation.`}\r\n />\r\n setIsPropertyUnitUploadedMessage(false)}\r\n header={\"Success!\"}\r\n text={`Document has been uploaded as ${startAppObject.name}.propertyupload.${propertyUnitExcelDate}.xlsm.`}\r\n />\r\n setIsAdditionalCollateralWarning(false)}\r\n header={\"Warning!\"}\r\n text={additionalCollateralWarning ? `${additionalCollateralWarning.name} has already added ${additionalCollateralWarning.property} to this application.` : \"\"}\r\n />\r\n modalType.includes(\"guarantor\") ? void 0 : handleModalClose()}\r\n onOpen={() => setIsModalOpen(true)}\r\n header={handleBrokerModal(modalType).header && handleBrokerModal(modalType).header}\r\n content={handleBrokerModal(modalType).content && handleBrokerModal(modalType).content}\r\n actions={handleBrokerModal(modalType) && handleBrokerModal(modalType).actions}\r\n brokerColor={wlBrokerHex}\r\n />\r\n creditModalStage !== \"pulling\" ? handleCreditModalClose() : void 0}\r\n onOpen={() => setIsCreditModalOpen(true)}\r\n content={handleCreditModal(creditModalStage).content && handleCreditModal(creditModalStage).content}\r\n actions={handleCreditModal(creditModalStage).actions && handleCreditModal(creditModalStage).actions}\r\n brokerColor={wlBrokerHex}\r\n />\r\n setIsSkipModalOpen(false)}\r\n onOpen={() => setIsSkipModalOpen(true)}\r\n header={handleSkipModal().header && handleSkipModal().header}\r\n content={handleSkipModal().content && handleSkipModal().content}\r\n actions={handleSkipModal().actions && handleSkipModal().actions}\r\n brokerColor={wlBrokerHex}\r\n />\r\n setIsPaymentModalOpen(false)}\r\n onOpen={() => setIsPaymentModalOpen(true)}\r\n content={handlePaymentModal(paymentModalStage).content && handlePaymentModal(paymentModalStage).content}\r\n actions={handlePaymentModal(paymentModalStage).actions && handlePaymentModal(paymentModalStage).actions}\r\n brokerColor={wlBrokerHex}\r\n />\r\n setIsPropertyUploadModalOpen(false)}\r\n onOpen={() => setIsPropertyUploadModalOpen(true)}\r\n header=\"Warning, you will lose your data!\"\r\n content={propertyUploadModalMessage}\r\n actions={\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n }\r\n brokerColor=\"#EED202\"\r\n />\r\n \r\n \r\n handleNavigateToStep(step)}\r\n steps={ApplicationMainSteps}\r\n isDisableOnClick\r\n />\r\n \r\n {FeatureFlags.IS_DEBUG && \r\n }\r\n
\r\n );\r\n};\r\n\r\nexport default BPBorrowerApplication;\r\n","import React from \"react\";\r\nimport BPBorrowerApplication from \"../broker/BPBorrowerApplication\";\r\nimport BCError from \"../BCError\";\r\n\r\nconst BorrowerApplication = ({ ...props }) => {\r\n return (\r\n You have entered enough information to negotiate pricing with your loan officer.
\r\n \r\n }\r\n /> : (currentStepId === EntitySteps.AdditionalInformation.id && isNotifyLoanOfficerPersona && \r\n startAppObject.loanOfficerOrganizationContactId) ? \r\n \r\n \r\n \r\n {isLoading ? \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {handleSubmitText() === \"Submit\" && }\r\n \r\n \r\n {(isSubmitButtonPersona && currentStepId === SummarySteps.Summary.id || currentStepId !== SummarySteps.Summary.id) && }\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n Application Step Id: {currentStepId}
\r\n Application Step Index: {ApplicationSteps.findIndex(x => x.id === currentStepId)}
\r\n Application Progress: {currentProgress}
\r\n (ApplicationSteps[parseInt(e.target.value)] && ApplicationSteps[parseInt(e.target.value)].id) ? \r\n setCurrentStepId(ApplicationSteps[parseInt(e.target.value)].id) : void 0} />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default BCContactUsInfo;","import { css } from \"@emotion/css\";\r\nimport React from \"react\";\r\nimport { Button, Icon } from \"semantic-ui-react\";\r\nimport { getIsWhiteLabeled } from \"../../../helpers/PermissionHelper\";\r\n\r\ninterface IBPLoanDetailEditButtonsProps {\r\n brokerColor: any;\r\n isEditMode: any;\r\n setIsEditMode: any;\r\n editDetailsHandler: any;\r\n saveChangesHandler: any;\r\n discardChangesHandler: any;\r\n}\r\n\r\nconst BPLoanDetailEditButtons = ({...props}: IBPLoanDetailEditButtonsProps) => {\r\n const brokerButtonOverrideCSS = css`\r\n background-color: ${props.brokerColor ? props.brokerColor : \"black\"} !important;\r\n color:#ffffff !important;\r\n font-family: $fontFamily !important;\r\n margin-top: 10px;\r\n width: 25%;\r\n `;\r\n\r\n return (\r\n {props.title.toLocaleUpperCase()}{props.subtitle && ` - ${props.subtitle}`}
\r\n Phone: {props.phone}
\r\n Email: {props.email}
\r\n \r\n
\r\n \r\n Edit Details
\r\n \r\n
\r\n \r\n Save Changes
\r\n \r\n
\r\n \r\n Discard Changes
\r\n \r\n {handleOriginalValueDisplay(input) && `Original: ${handleOriginalValueDisplay(input)}`}\r\n
}\r\n {(input.required && props.validationGroupName && !input.address) && \r\n {section.sectionTitle &&
)\r\n }\r\n {isInputsValid && \r\n \r\n
}\r\n {section.inputs && \r\n
\r\n : (FeatureFlags.IS_UNIT_PROPERTY_REDESIGN && (noUnitLoanType || property.newStructurePropertyTypeId === GlobalConstants.PropertyTypeIds.APARTMENT)) ? \r\n \r\n
\r\n {props.isEditMode && \r\n setIsUnitBulkEditModalOpen(true)}\r\n disabled={!props.isEditMode || checkedUnits.length < 1}\r\n >\r\n setOpenConfirmDeleteUnitModal(true)}\r\n disabled={!props.isEditMode \r\n || (property.loanPropertyUnitReconveyances && property.loanPropertyUnitReconveyances.length <= 1) \r\n || checkedUnits.length < 1 \r\n || checkedUnits.length === property.loanPropertyUnitReconveyances.length}\r\n >\r\n handleAddNewUnit(property)}\r\n disabled={!props.isEditMode}\r\n >\r\n
}\r\n \r\n
\r\n \r\n Edit
\r\n \r\n
\r\n \r\n Delete
\r\n \r\n
\r\n \r\n Add Unit
\r\n \r\n {(guarantor.status && guarantor.status !== BrokerConstants.GuarantorInviteStatus.DECLINED) && props.setSelectedGuarantorId(guarantor.id)}\r\n disabled={!props.allowEdit}\r\n >\r\n props.handleBrokerGuarantorInvite(guarantor.id)}\r\n disabled={!props.allowEdit || !guarantor.accessLevelId}\r\n >\r\n props.handleBrokerGuarantorDelete(guarantor.id)}\r\n disabled={!props.allowEdit}\r\n >\r\n
\r\n \r\n {props.isGreaterThanMobile &&
\r\n }\r\n {(guarantor.status && guarantor.status !== BrokerConstants.GuarantorInviteStatus.COMPLETED) && Review
}\r\n \r\n {props.isGreaterThanMobile &&
\r\n }\r\n {((props.selectedBrokerGuarantors.filter(guarantor => guarantor.statusLookupName === BrokerConstants.GuarantorInviteStatus.COMPLETED).length > 1 && guarantor.status === BrokerConstants.GuarantorInviteStatus.COMPLETED) || guarantor.status !== BrokerConstants.GuarantorInviteStatus.COMPLETED) && {formatGuarantorInviteButtonWord(guarantor) ? formatGuarantorInviteButtonWord(guarantor) : \"Invite Now\"}
}\r\n \r\n
\r\n }\r\n Delete
}\r\n \r\n
;\r\n }\r\n else if (creditModalStage === \"pulled\") {\r\n creditModal.content = Your credit is being pulled, please wait.
\r\n \r\n
;\r\n creditModal.actions = Success! We were able to retrieve your credit score.
\r\n \r\n Your credit score is\r\n {creditScoreGuarantor.creditScore ? creditScoreGuarantor.creditScore : \"\"}\r\n
\r\n \r\n
\r\n ;\r\n }\r\n else if (creditModalStage === \"pull failed\") {\r\n creditModal.content = Close
\r\n \r\n
;\r\n creditModal.actions = We were unable to retrieve your credit score.
\r\n \r\n
\r\n Common causes include incorrect entry of:
\r\n 1. Social Security Number (SSN)
\r\n 2. Legal first and last name
\r\n 3. Accurate physical address
\r\n Please verify the information you entered and try again.
\r\n \r\n
\r\n ;\r\n }\r\n\r\n return creditModal;\r\n };\r\n\r\n const handleCreditModalClose = () => {\r\n setIsCreditModalOpen(false);\r\n };\r\n\r\n const handlePullCreditScoreAsync = async (creditUser) => {\r\n try {\r\n const response = FeatureFlags.IS_MOCK ? await pullMockCreditScore(creditUser) : await pullCreditScore(creditUser, props.proxyUserId) as any;\r\n if (response && response.ok) {\r\n if (props.guarantor) {\r\n props.guarantor.creditScore = await response.json();\r\n setCreditScoreGuarantor(props.guarantor);\r\n return true;\r\n }\r\n }\r\n else {\r\n setCreditModalStage(\"pull failed\");\r\n }\r\n }\r\n catch (error) {\r\n setCreditModalStage(\"pull failed\");\r\n }\r\n\r\n return false;\r\n };\r\n\r\n const handleGuarantorAddressChange = (subObj, mainObj, setMainObj) => {\r\n mainObj.contactInformation = {...mainObj.contactInformation, ...subObj};\r\n setMainObj({...mainObj});\r\n };\r\n\r\n return (\r\n Close
\r\n \r\n {(props.isLoanApplication && (input.original !== 0 && input.original) && input.value !== input.original) \r\n && (input.originalIdValueFrom ? `Original: ${handleGetValueFromId(input.originalIdValueFrom, input.original)}` : `Original: ${input.original}`)}\r\n
}\r\n InvoiceModalContent
\r\n );\r\n };\r\n\r\n const history = useHistory();\r\n const handleError = useCallback(() => {\r\n history.push(\"/error\");\r\n }, [history]);\r\n\r\n const handleEditApplication = useCallback((applicationId) => {\r\n setGmrEditData({});\r\n history.push(`/application/borrower/${applicationId}`);\r\n }, [history, setGmrEditData]);\r\n\r\n const changeApplicationVersion = async (isLoan, activeTab, defaultTab) => {\r\n setIsLoading(true);\r\n if (!isLoan) {\r\n setIsProjectEditMode(false);\r\n setIsPropertyEditMode(false);\r\n setIsBorrowerEditMode(false);\r\n setIsGuarantorEditMode(false);\r\n }\r\n\r\n setIsLoanApplication(isLoan);\r\n resetApplication(activeTab, defaultTab);\r\n setIsLoading(false);\r\n };\r\n\r\n const resetApplication = async (activeTab, defaultTab) => {\r\n await handleActiveTabAsync(defaultTab);\r\n await handleActiveTabAsync(activeTab);\r\n };\r\n\r\n const resetIframe = (tab) => {\r\n const frame = document.getElementById(`${tab}-iframe`) as any;\r\n if (frame) {\r\n frame.src = \"\";\r\n }\r\n };\r\n\r\n const handleActiveTabAsync = async (newActiveTab) => {\r\n if (BrokerConstants.InteriorCardTabs.Tasks.name.toLocaleUpperCase() === newActiveTab) {\r\n resetIframe(BrokerConstants.InteriorCardTabs.Tasks.name);\r\n }\r\n else if (BrokerConstants.InteriorCardTabs.Milestones.name.toLocaleUpperCase() === newActiveTab) {\r\n resetIframe(BrokerConstants.InteriorCardTabs.Milestones.name);\r\n }\r\n\r\n if (isCommentFormChanged) {\r\n setIsRecipientModalOpen(true);\r\n }\r\n else {\r\n setIsInteriorCardLoading(true);\r\n if (newActiveTab === BrokerConstants.InteriorCardTabs.Borrower.name.toLocaleUpperCase() && isBorrowerLoaded === false && loanInfo && loanInfo.borrowerOrganizationId) {\r\n await getBorrowerEntityAsync(loanInfo.id, loanInfo.borrowerOrganizationId);\r\n setIsBorrowerLoaded(true);\r\n }\r\n else if (newActiveTab === BrokerConstants.InteriorCardTabs.Guarantors.name.toLocaleUpperCase() && isGuarantorsLoaded === false && loanInfo && loanInfo.id) {\r\n await getBorrowerEntityAsync(loanInfo.id, loanInfo.borrowerOrganizationId);\r\n await getGuarantorsAsync(loanInfo.id);\r\n setIsBorrowerLoaded(true);\r\n setIsGuarantorsLoaded(true);\r\n }\r\n else if (newActiveTab === BrokerConstants.InteriorCardTabs.Documents.name.toLocaleUpperCase() && isDocumentsLoaded === false && loanInfo && loanInfo.id) {\r\n await getApplicationDocuments(loanInfo.id);\r\n setIsDocumentsLoaded(true);\r\n }\r\n else if (newActiveTab === BrokerConstants.InteriorCardTabs.Payments.name.toLocaleUpperCase() && isPayeezyLoaded === false && loanInfo && loanInfo.id) {\r\n await getBorrowerEntityAsync(loanInfo.id, loanInfo.borrowerOrganizationId);\r\n await getPayeezyLoanInvoicesAsync(loanInfo.id);\r\n setIsBorrowerLoaded(true);\r\n setIsPayeezyLoaded(true);\r\n }\r\n\r\n if (window.location.pathname.includes(\"application\")) {\r\n window.history.pushState({}, \"\", `/application/${newActiveTab.toLocaleLowerCase()}/${applicationId}`);\r\n }\r\n else {\r\n window.history.pushState({}, \"\", `/processing/${newActiveTab.toLocaleLowerCase()}/${applicationId}`);\r\n }\r\n\r\n setActiveTab(newActiveTab);\r\n setIsRecipientModalOpen(false);\r\n setIsInteriorCardLoading(false);\r\n }\r\n };\r\n\r\n const handleFocusNewProperty = () => {\r\n if (propertiesPatchArray.length) {\r\n setActiveAccordions([...activeAccordions, propertiesPatchArray[propertiesPatchArray.length - 1].id]);\r\n }\r\n\r\n let totalOffset = -960;\r\n loanProperties.forEach(property => {\r\n totalOffset += 960;\r\n if (property.loanPropertyUnitReconveyances) {\r\n totalOffset += ((property.loanPropertyUnitReconveyances.length - 1) * 60);\r\n }\r\n });\r\n \r\n setTimeout(() => {\r\n window.scrollTo({\r\n top: 400 + totalOffset,\r\n behavior: \"smooth\"\r\n });\r\n }, 60);\r\n };\r\n\r\n const handleDisplayErrorProperties = () => {\r\n let errorProperties = <> as JSX.Element;\r\n loanProperties.forEach((property, i) => { \r\n if (errorPropertyIds instanceof Set && errorPropertyIds.has(property.id)) {\r\n errorProperties = <>{errorProperties} {\r\n setActiveAccordions([...activeAccordions, property.id]);\r\n setTimeout(() => {\r\n window.scrollTo({\r\n top: 200 + (960*(i)) + ((property.loanPropertyUnitReconveyances.length - 1) * 60),\r\n behavior: \"smooth\"\r\n });\r\n }, 60);\r\n }}>Property: {property.street};\r\n }\r\n });\r\n\r\n errorProperties = <>{errorProperties};\r\n return errorProperties;\r\n };\r\n\r\n const handlePropertyValidation = () => {\r\n const missingInformationPropertyIds = new Set() as Set{documentInfo.documentType ? `${documentInfo.documentType} - ` : \"\"}{documentInfo.applicationName}
;\r\n applicationDetailModal.content = ;\r\n applicationDetailModal.actions = \r\n
\r\n \r\n Cancel
\r\n \r\n
\r\n \r\n Update
\r\n What would you like the Broker to Revise
;\r\n applicationDetailModal.content = ;\r\n applicationDetailModal.actions = \r\n
\r\n \r\n Cancel
\r\n \r\n
\r\n \r\n Send Email
\r\n \r\n Pay Now\r\n
\r\n ;\r\n\r\n formattedLoanInvoices.push(formattedLoanInvoice);\r\n });\r\n }\r\n\r\n return formattedLoanInvoices;\r\n };\r\n\r\n const handleListenToPayeezyRedirect = async () => {\r\n const payeezyIframeCurrent = payeezyIframeRef.current;\r\n try {\r\n if (payeezyIframeCurrent?.contentDocument || payeezyIframeCurrent?.contentWindow?.document) {\r\n setIsPayeezyModal(false);\r\n setIsInteriorCardLoading(true);\r\n await getPayeezyLoanInvoicesAsync(loanInfo.id);\r\n setIsInteriorCardLoading(false);\r\n }\r\n } catch (err) {\r\n return;\r\n }\r\n };\r\n\r\n const handleExportIndividualAsync = async (scenarioId, scenarioToExport) => {\r\n try {\r\n const response = FeatureFlags.IS_MOCK ? await exportMockGMRQuote(scenarioId) : await exportGMRQuote(scenarioId, proxyUser.id);\r\n if (response && response.ok) {\r\n const data = await response.blob();\r\n const exportQuote = await createFile(data, \"gmr-quote\", data.type);\r\n if (scenarioToExport === ScenarioExportNames.original) {\r\n setOriginalScenarioURL(URL.createObjectURL(exportQuote));\r\n if (originalScenarioRef.current) {\r\n originalScenarioRef.current.click();\r\n }\r\n }\r\n else if (scenarioToExport === ScenarioExportNames.scenario1) {\r\n setScenario1URL(URL.createObjectURL(exportQuote));\r\n if (scenario1Ref.current) {\r\n scenario1Ref.current.click();\r\n }\r\n }\r\n else if (scenarioToExport === ScenarioExportNames.scenario2) {\r\n setScenario2URL(URL.createObjectURL(exportQuote));\r\n if (scenario2Ref.current) {\r\n scenario2Ref.current.click();\r\n }\r\n }\r\n }\r\n else {\r\n await handleErrorResponse(response, setIsMessage, setErrorResponse);\r\n }\r\n }\r\n catch (error) {\r\n handleError();\r\n }\r\n };\r\n\r\n const handleExportComparisonAsync = async (scenarios) => {\r\n const formattedScenarios = formatScenarios(scenarios);\r\n try {\r\n const response = FeatureFlags.IS_MOCK ? await exportMockGMRQuotes(formattedScenarios) : await exportGMRQuotes(formattedScenarios, proxyUser.id);\r\n if (response && response.ok) {\r\n const data = await response.blob();\r\n const exportQuote = await createFile(data, \"gmr-quote\", data.type);\r\n setExportURL(URL.createObjectURL(exportQuote));\r\n if (exportRef.current) {\r\n exportRef.current.click();\r\n }\r\n }\r\n else {\r\n await handleErrorResponse(response, setIsMessage, setErrorResponse);\r\n }\r\n }\r\n catch (error) {\r\n handleError();\r\n }\r\n };\r\n\r\n const handleSubmitForReview = async () => {\r\n await submitForReviewAsync();\r\n };\r\n\r\n const handleBrokerGuarantorModal = async () => {\r\n const newGuarantor = { id: guid(), email: guarantorSearch, isMailingSameAsPhysical: true, isUSCitizen: true };\r\n const notValidEmails = validateEmails(newGuarantor, [\"email\"]);\r\n if (notValidEmails.length === 0) {\r\n setInvalidProps([]);\r\n setIsInteriorCardLoading(true);\r\n const guarantorExistsObj = await handleGetGuarantorExistsAsync(guarantorSearch);\r\n if (!guarantorExistsObj) {\r\n setNewGuarantor(newGuarantor);\r\n handleModal(\"new guarantor\");\r\n }\r\n\r\n setIsInteriorCardLoading(false);\r\n }\r\n else {\r\n setTimeout(() => {\r\n invalidProps.push(\"custom-broker-guarantor-email\");\r\n setInvalidProps([...invalidProps]);\r\n }, 50);\r\n }\r\n\r\n setIsBrokerGuarantorSelected(true);\r\n setGuarantorSearch(\"\");\r\n };\r\n\r\n const handleBrokerGuarantorInvite = async (id) => {\r\n setInvalidProps([]);\r\n if (borrowerInfo && borrowerInfo.name) {\r\n const selectedGuarantor = selectedBrokerGuarantors.find(guarantor => guarantor.id === id);\r\n if (selectedGuarantor) {\r\n const guarantorInviteObj = {\r\n borrowerApplicationId: borrowerApplicationInfo.id,\r\n borrowerApplicationName: borrowerApplicationInfo.name,\r\n firstName: selectedGuarantor.firstName,\r\n lastName: selectedGuarantor.lastName,\r\n email: selectedGuarantor.email,\r\n borrowerName: (borrowerInfo && borrowerInfo.name) ? borrowerInfo.name : \"\"\r\n };\r\n\r\n const isGuarantorInvited = await handleBrokerGuarantorInviteAsync(guarantorInviteObj);\r\n if (isGuarantorInvited) {\r\n setIsBrokerGuarantorInvited(true);\r\n selectedGuarantor.status = BrokerConstants.GuarantorInviteStatus.PENDING;\r\n setSelectedBrokerGuarantors([...selectedBrokerGuarantors]);\r\n setBrokerGuarantorInvitedName(`${selectedGuarantor.firstName} ${selectedGuarantor.lastName}`);\r\n setTimeout(() => {\r\n setIsBrokerGuarantorInvited(false);\r\n setBrokerGuarantorInvitedName(\"\");\r\n }, 3000);\r\n }\r\n }\r\n }\r\n else {\r\n setTimeout(() => {\r\n setInvalidProps([\"custom-invite-broker-guarantor\"]);\r\n }, 50);\r\n }\r\n };\r\n\r\n const handleModalClose = () => {\r\n setNewAssetAndLiability({});\r\n setNewReoSchedule({ isMortgageFree: true });\r\n setIsGuarantorModalOpen(false);\r\n setInvalidProps([]);\r\n };\r\n\r\n const handleGuarantorModalCancel = async () => {\r\n newGuarantor.assetsAndLiabilities = [];\r\n setNewGuarantor({ ...newGuarantor });\r\n handleModalClose();\r\n };\r\n\r\n const handleModal = (type, isPrev = false) => {\r\n if (type === \"guarantor additional\" && isPrev) {\r\n setModalType(type);\r\n setIsGuarantorModalOpen(true);\r\n }\r\n else if (type === \"guarantor additional\") {\r\n setInvalidProps([]);\r\n let notValidProps = [] as string[];\r\n let validatingProps = [\"firstName\", \"lastName\", \"email\"];\r\n if (newGuarantor.isMailingSameAsPhysical === false) {\r\n validatingProps = validatingProps.concat([\"mailingAddress\", \"mailingZip\", \"mailingCity\", \"mailingCounty\", \"mailingState\"]);\r\n }\r\n notValidProps = validateObj(newGuarantor, validatingProps);\r\n if (applicationMetadata && applicationMetadata.guarantors && applicationMetadata.guarantors.length > 0) {\r\n const foundMetaGuarantor = applicationMetadata.guarantors.find(x => x.email === newGuarantor.email);\r\n if (foundMetaGuarantor) {\r\n notValidProps.push(\"custom-guarantor-email\");\r\n }\r\n }\r\n\r\n const notValidEmails = validateEmails(newGuarantor, [\"email\"]);\r\n if (notValidEmails && notValidEmails.length > 0 && notValidProps && !notValidProps.includes(\"email\")) {\r\n notValidProps.push(\"custom-guarantor-invalid-email\");\r\n }\r\n\r\n if (notValidProps.length === 0) {\r\n setModalType(type);\r\n setIsGuarantorModalOpen(true);\r\n }\r\n else {\r\n setTimeout(() => {\r\n setInvalidProps(notValidProps);\r\n }, 50);\r\n }\r\n }\r\n else {\r\n setModalType(type);\r\n setIsGuarantorModalOpen(true);\r\n }\r\n };\r\n\r\n const handleModalPrevNext = (prevModal, nextModal) => {\r\n return (\r\n \r\n
\r\n }\r\n Previous
\r\n \r\n
\r\n \r\n Cancel
\r\n \r\n
\r\n }\r\n Next
\r\n \r\n
\r\n \r\n {alType === \"Asset\" ? \"Add Asset\" : \"Add Liability\"}
\r\n \r\n
\r\n \r\n Add REO Schedule
\r\n New Guarantor
;\r\n guarantorModal.content = ;\r\n guarantorModal.actions = {handleGuarantorModalHeader(\"New Guarantor\", \"Additonal Information\")}
;\r\n guarantorModal.content = ;\r\n guarantorModal.actions = {handleGuarantorModalHeader(\"New Guarantor\", \"Assets\")}
;\r\n guarantorModal.content = ;\r\n guarantorModal.actions = {handleGuarantorModalHeader(\"New Guarantor\", \"Liabilities\")}
;\r\n guarantorModal.content = ;\r\n guarantorModal.actions = {handleGuarantorModalHeader(\"New Guarantor\", \"REO Schedule\")}
;\r\n guarantorModal.content = ;\r\n guarantorModal.actions = \r\n
\r\n \r\n Previous
\r\n \r\n
\r\n \r\n Cancel
\r\n \r\n
\r\n \r\n Save Guarantor
\r\n \r\n
\r\n \r\n Delete
}\r\n \r\n
\r\n );\r\n }) : {loanComment.fullName ? loanComment.fullName : loanComment.createdBy} on {convertToDateString(loanComment.createdOn, \"fulldatetime\")}
\r\n {loanComment.description}
\r\n \r\n
}\r\n {(loanComments && loanComments.length > 0) && No comments have been left yet.
\r\n \r\n handleActiveTabAsync(BrokerConstants.InteriorCardTabs.Comments.name.toLocaleUpperCase())}\r\n >\r\n See All\r\n \r\n
}\r\n We recommend paying as soon as possible. Once paid, it can take up to 10 days to receive 3rd party services. A delay in pre-paying could delay closing of the loan.
\r\n 0) ? \"interior-card-table\" : \"interior-card-table-empty\"}>\r\n {(payeezyLoanInvoices && payeezyLoanInvoices.length > 0) ? (payeezyLoanInvoices[index] && payeezyLoanInvoices[index].id) ? downloadPayeezyInvoiceAsync(payeezyLoanInvoices[index].id) : void 0,\r\n text: \"Download\"\r\n }\r\n ]}\r\n editMode={true}\r\n /> :
\r\n \r\n
\r\n \r\n Add Comment
\r\n 0) ? \"interior-card-table\" : \"interior-card-table-empty\"}>\r\n {(loanComments && loanComments.length > 0) ? !user.isExternalUser ? handleCommentClick(i) : void 0}\r\n selectable={user.isExternalUser ? false : true}\r\n /> :
\r\n \r\n {isValidPermission(permissions, \"BrokerBorrowerApplication\", \"read\") && 0}\r\n {isValidPermission(permissions, \"BrokerGMRPricingInfo\", \"export\") && 0}\r\n {isValidPermission(permissions, \"BrokerGMRPricingInfo\", \"export\") && 1}\r\n {isValidPermission(permissions, \"BrokerGMRPricingInfo\", \"export\") && 2}\r\n {isValidPermission(permissions, \"BrokerGMRPricingInfo\", \"export\") && 3}\r\n 4\r\n {isLoading ?
\r\n );\r\n};\r\n\r\nexport default BPApplication;\r\n","import React from \"react\";\r\nimport BPApplications from \"../broker/BPApplications\";\r\nimport BCError from \"../BCError\";\r\n\r\nconst Applications = ({ ...props }) => {\r\n return (\r\n \r\n setIsMessage(false)}\r\n errorResponse={errorResponse}\r\n />\r\n setIsBrokerGuarantorInvited(false)}\r\n header={\"Success!\"}\r\n text={`${brokerGuarantorInvitedName} has been sent an invitation.`}\r\n />\r\n setLoanCommentSubmissionType(\"\")}\r\n header={\"Success!\"}\r\n text={loanCommentSubmissionType === \"edit\" ? \"Your comment has been edited!\" : \"Your comment has been submitted!\"}\r\n />\r\n handleDocumentModalClose()}\r\n onOpen={() => setIsModalOpen(true)}\r\n header={handleApplicationDetailModal(modalType).header && handleApplicationDetailModal(modalType).header}\r\n content={handleApplicationDetailModal(modalType).content && handleApplicationDetailModal(modalType).content}\r\n actions={handleApplicationDetailModal(modalType).actions && handleApplicationDetailModal(modalType).actions}\r\n />\r\n handleScenarioModalClose()}\r\n onOpen={() => setIsScenarioExportModal(true)}\r\n actions={\r\n \r\n \r\n \r\n \r\n \r\n handleScenarioModalExportComparison()}\r\n disabled={handleExportComparisonDisabled()}\r\n >\r\n \r\n \r\n }\r\n header=\"Which would you like to export?\"\r\n content={\r\n handleScenarioModalChange(value, field, scenarioModalObj, setScenarioModalObj)}\r\n />\r\n {(gmrScenarios && gmrScenarios.length > 0) && gmrScenarios.map((gmrScenario, i) => {\r\n return (\r\n handleScenarioModalChange(value, field, scenarioModalObj, setScenarioModalObj)}\r\n />\r\n );\r\n })}\r\n }\r\n />\r\n setIsPayeezyModal(false)}\r\n onOpen={() => setIsPayeezyModal(true)}\r\n contentClass=\"payeezy-modal-content\"\r\n content={PayeezyForm()}\r\n />\r\n setIsInvoiceModal(false)}\r\n onOpen={() => setIsInvoiceModal(true)}\r\n content={InvoiceModalContent()}\r\n />\r\n modalType.includes(\"guarantor\") ? void 0 : handleModalClose()}\r\n onOpen={() => setIsGuarantorModalOpen(true)}\r\n header={handleGuarantorModal(modalType).header && handleGuarantorModal(modalType).header}\r\n content={handleGuarantorModal(modalType).content && handleGuarantorModal(modalType).content}\r\n actions={handleGuarantorModal(modalType) && handleGuarantorModal(modalType).actions}\r\n brokerColor={getIsWhiteLabeled() ? brokerColor : void 0}\r\n />\r\n setIsRecipientModalOpen(true)}\r\n headerClass=\"recipient-modal-header\"\r\n header={\r\n \r\n \r\n handleReturnToComments()}\r\n fluid\r\n >\r\n Continue\r\n \r\n \r\n \r\n setIsRecipientModalOpen(false)}\r\n fluid\r\n color=\"yellow\"\r\n >\r\n Keep me here!\r\n \r\n \r\n \r\n }\r\n brokerColor={getIsWhiteLabeled() ? brokerColor : void 0}\r\n />\r\n setInteriorCardSuccessMessage(\"\")}\r\n header={\"Success!\"}\r\n text={interiorCardSuccessMessage}\r\n />\r\n \r\n {(pricingInfo || loanInfo) && \r\n setIsUnitWarningMessage(false)}\r\n header={\"Oops!\"}\r\n text={\"Please remove any duplicate unit numbers within the same property before saving!\"}\r\n />\r\n isLoanApplication ? await changeApplicationVersion(false, activeTab, \"PRICING\") : await changeApplicationVersion(true, activeTab, \"PRICING\")} options={versionOptions} />}\r\n menubarButton={(isAdminPersona && window.location.pathname.includes(\"application\") && borrowerApplicationInfo.statusLookupName === \"Submitted\") ? Submit : null}\r\n />\r\n 0 && applicationMetadata) ? GuarantorsLayout : GuarantorsEmptyLayout) :\r\n activeTab === BrokerConstants.InteriorCardTabs.Documents.name.toLocaleUpperCase() ? DocumentsLayout :\r\n activeTab === BrokerConstants.InteriorCardTabs.Payments.name.toLocaleUpperCase() ? PaymentsLayout :\r\n activeTab === BrokerConstants.InteriorCardTabs.Comments.name.toLocaleUpperCase() ? CommentsLayout : []}\r\n isGreaterThanMobile={isGreaterThanMobile}\r\n brokerColor={getIsWhiteLabeled() ? brokerColor : void 0}\r\n />\r\n {FeatureFlags.IS_DEBUG && \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n }\r\n }\r\n
}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Export Comparison
\r\n Warning!
}\r\n content=\"If you proceed your data will be lost\"\r\n actions={\r\n {isLoading ?
\r\n );\r\n\r\n};\r\n\r\nexport default BPLoans;\r\n","import React from \"react\";\r\nimport BPLoans from \"../broker/BPLoans\";\r\nimport BCError from \"../BCError\";\r\n\r\nconst Loans = ({ ...props }) => {\r\n return (\r\n \r\n \r\n setIsMessage(false)}\r\n errorResponse={errorResponse}\r\n />\r\n \r\n }\r\n \r\n {loanInfolist && filteredLoanData?.length === 0 ?\r\n \r\n \r\n \r\n : isKanbanView && isGreaterThanMobile ? \r\n handleSummary(id)}\r\n permissions={permissions}\r\n isKanban={false}\r\n brokerColor={brokerColor}\r\n />\r\n :\r\n isKanbanView === false ? \r\n (loanInfolist[index] && loanInfolist[index].id) ? handleSummary(loanInfolist[index].id) : void 0}\r\n selectable\r\n sortable={[\"Name\", \"Loan Program\", \"Properties or Units\", \"Submitted On\", \"Status\", \"Stage\", \"Brokerage\", \"Broker Email\"]}\r\n pagination={25}\r\n />\r\n : null\r\n }\r\n
}\r\n \r\n {isGreaterThanMobile ?\r\n \r\n \r\n } \r\n
\r\n \r\n ]}\r\n \r\n rightChildren={[\r\n {!getIsWhiteLabeled() && handleGMR()}>\r\n }\r\n {!getIsWhiteLabeled() && handleApplication()}>\r\n }\r\n {(loanInfolist && filteredLoanData?.length !== 0) && handleInfolistViewType()} \r\n defaultChecked={!isKanbanView}\r\n />}\r\n
: isValidPermission(permissions, \"BrokerGMR\", \"read\") && Start Pricing
\r\n Start Application
\r\n \r\n
\r\n \r\n {!getIsWhiteLabeled() &&
\r\n {getIsWhiteLabeled() ? \"It looks like there isn't any applications currently submitted for approval. When you do, you will be able to monitor your progress towards closing here.\" : \"Looks like you don't have a loan ready for processing yet. Click below to get your loan priced in 5 minutes or less\"}
\r\n \r\n {isValidPermission(permissions, \"BrokerGMR\", \"read\") && handleGMR()}> }\r\n
\r\n Get Started
\r\n handleSummary(id)}\r\n />\r\n
: isKanbanView === true && isGreaterThanMobile === false ? \r\n
}\r\n \r\n {isMultiBrokerage ?
\r\n \r\n \r\n x.name))}\r\n handleFormChange={(value, field) => handleBrokerageFormChange(value, field)}\r\n />\r\n \r\n
: \r\n Welcome back! Please select from the list below the company you are working with.\r\n
\r\n \r\n
}\r\n \r\n
\r\n \r\n 
: !getIsWhiteLabeled() ? 
: }\r\n
\r\n \r\n \r\n
\r\n {(getIsWhiteLabeled() && brokerageLogo) ? \r\n
\r\n WELCOME
\r\n TO YOUR PORTAL
\r\n EXPERIENCE
\r\n We are committed to your success.
\r\n \r\n \r\n \r\n
\r\n \r\n
,\r\n size: 16,\r\n content:\r\n \r\n }\r\n ]\r\n ];\r\n\r\n return (\r\n handleBackToVendor()}>
\r\n >
\r\n Add Organization
\r\n \r\n {isLoading ? \r\n setIsMessage(false)}\r\n errorResponse={errorResponse}\r\n />\r\n }\r\n {FeatureFlags.IS_DEBUG && \r\n \r\n }\r\n
\r\n );\r\n};\r\n\r\nexport default BWVendorForm;","import React, { useEffect, useState } from \"react\";\r\nimport { Loader } from \"semantic-ui-react\";\r\nimport { IProxyUser } from \"../interfaces/Global\";\r\nimport BCDashboard from \"../ui/BCDashboard\";\r\n\r\ninterface IBWMakeAPayment {\r\n isGreaterThanMobile: boolean;\r\n isGreaterThanTablet: boolean;\r\n isSidebar: boolean;\r\n proxyUser: IProxyUser | undefined;\r\n}\r\n\r\nconst BWMakeAPayment = ({\r\n isGreaterThanMobile,\r\n isGreaterThanTablet,\r\n isSidebar,\r\n proxyUser,\r\n} : IBWMakeAPayment) => {\r\n const [isLoading, setIsLoading] = useState(true as boolean);\r\n\r\n useEffect(() => {\r\n setIsLoading(false);\r\n }, [proxyUser, setIsLoading]);\r\n\r\n const BWPaymentMethod = ({ paymentMethod }) => {\r\n const formatDetails = paymentMethod.details.map((detail) => {\r\n const [key, value] = detail.split(\":\");\r\n return (\r\n {key} :{value}
\r\n );\r\n });\r\n\r\n return (\r\n \r\n
\r\n );\r\n };\r\n\r\n const wirePayment = { \r\n title: \"Wire Payment to:\",\r\n details: [\r\n \"Account: Construction Loan Services II, LLC – 1019 39th Ave SE, Suite 220 Puyallup, WA 98374\",\r\n \"Bank: Bank of America\",\r\n \"ABA/Routing #: 026009593\",\r\n \"Account Number: 138110449973\",\r\n \"Reference: Loan Number\",\r\n ]\r\n };\r\n\r\n const achPayment = { \r\n title: \"ACH Payment to:\",\r\n details: [\r\n \"Account Name: Construction Loan Services II LLC\",\r\n \"Address: 1019 39th Ave SE, Suite 220 Puyallup, WA 98374\",\r\n \"Bank: Bank of America\",\r\n \"ACH Routing Number: 125000024\",\r\n \"Account Number: 138110449973\"\r\n ]\r\n };\r\n\r\n const mailPayment = { \r\n title: \"Mail Payment to:\",\r\n details: [\r\n \"Address: Construction Loan Services II, LLC – 1019 39th Ave SE, Suite 220 Puyallup, WA 98374\",\r\n \"Reference: Loan Number\",\r\n ]\r\n };\r\n\r\n const creditCardPayment = { \r\n title: \"Pay by Credit Card:\",\r\n details: [\r\n \"Call to: 206-267-2650\",\r\n \"Extension: #3\"\r\n ],\r\n message: \"3% Credit Card fee will be charged\"\r\n };\r\n\r\n const PaymentMethodLayout = [\r\n [\r\n {\r\n title: \"Make A Payment\",\r\n size: 16,\r\n content: {paymentMethod.title.toLocaleUpperCase()}
\r\n {paymentMethod.message ? * {paymentMethod.message}
: <>}\r\n {formatDetails}\r\n \r\n {isLoading ?
\r\n );\r\n};\r\n\r\nexport default BWMakeAPayment;","import React, { useCallback, useEffect, useState } from \"react\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { Button, Form, Grid, Icon, Loader } from \"semantic-ui-react\";\r\nimport { createPayoffQuoteRequest, getPayoffQuoteLoanList } from \"../../api/BorrowerApi\";\r\nimport { createMockPayoffQuoteRequest, getMockPayoffQuoteLoanList } from \"../../api/mock/MockBorrowerApi\";\r\nimport { getDropdownOptions, handleErrorResponse, handleFormChange, validateEmail, validateObj } from \"../../Helpers\";\r\nimport { IErrorResponse, IProxyUser } from \"../interfaces/Global\";\r\nimport BCDashboard from \"../ui/BCDashboard\";\r\nimport BCFormInput from \"../ui/BCFormInput\";\r\nimport BCValidationMessage from \"../ui/BCValidationMessage\";\r\nimport \"../../styles/borrower/vendor-form.scss\";\r\nimport { IPayoffQuoteRequest } from \"../interfaces/Borrower\";\r\nimport BCMessage from \"../ui/BCMessage\";\r\nimport { FeatureFlags } from \"../constants/LocalServerConstants\";\r\n\r\ninterface IBWPayoffQuoteRequestForm { // TODO: edit interface after getting end point\r\n isGreaterThanMobile: boolean;\r\n isGreaterThanTablet: boolean;\r\n isSidebar: boolean;\r\n isMessage: boolean;\r\n setIsMessage: React.Dispatch\r\n {isLoading ? \r\n setIsMessage(false)}\r\n errorResponse={errorResponse}\r\n />\r\n }\r\n
\r\n );\r\n};\r\n\r\nexport default BWPayoffQuoteRequestForm;","export const BorrowerConstants = {\r\n inspectionInteriorCardTabs: {\r\n Details: {\r\n name: \"Details\",\r\n icon: \"list\"\r\n },\r\n Documents: {\r\n name: \"Documents\",\r\n icon: \"paperclip\"\r\n },\r\n Inspections: {\r\n name: \"Inspections\",\r\n icon: \"calendar check\"\r\n }\r\n },\r\n currentInspectionInteriorCardTabs: {\r\n Details: {\r\n name: \"Details\",\r\n icon: \"list\"\r\n },\r\n Documents: {\r\n name: \"Documents\",\r\n icon: \"paperclip\"\r\n }\r\n },\r\n unUsedCurrentInspectionProperty: {\r\n allowEditId: \"allowEditId\", \r\n loanDrawStatusNameId: \"loanDrawStatusNameId\", \r\n nwccprojectId: \"nwccprojectId\", \r\n workInspectionCompanyOrganizationId: \"workInspectionCompanyOrganizationId\"\r\n },\r\n unUsedPastInspectionProperty: {\r\n createdOn: \"createdOn\",\r\n loanDrawStatusNameId: \"loanDrawStatusNameId\",\r\n inspectionCompany: \"inspectionCompany\",\r\n inspectionStatus: \"inspectionStatus\",\r\n nwccprojectId: \"nwccprojectId\",\r\n updatedOn: \"updatedOn\",\r\n updatedBy: \"updatedBy\",\r\n workInspectionCompanyOrganizationId: \"workInspectionCompanyOrganizationId\"\r\n },\r\n};","import BCButtonDropdown from \"../ui/BCButtonDropdown\";\r\n\r\nconst BWExportButton = () => {\r\n const handleOptionsChange = async (index) => {\r\n if (BPExportOptions[index].value === \"CSV\") {\r\n console.log(\"CSV format export\"); // TODO: need api that export table in CSV format\r\n }\r\n else if (BPExportOptions[index].value === \"Excel\") {\r\n console.log(\"Excel format export\"); // TODO: need api that export table in Excel format\r\n }\r\n else {\r\n console.log(\"PDF format export\"); // TODO: need api that export table in PDF format\r\n }\r\n };\r\n\r\n const BPExportOptions = [\r\n { key: \"CSV\", icon: \"file alternate outline\", text: \"CSV\", value: \"CSV\" },\r\n { key: \"Excel\", icon: \"file excel outline\", text: \"Excel\", value: \"Excel\" },\r\n { key: \"PDF\", icon: \"file pdf outline\", text: \"PDF\", value: \"PDF\" },\r\n ];\r\n\r\n return (\r\n \r\n
\r\n }\r\n \r\n {isLoading ? \r\n setIsMessage(false)}\r\n errorResponse={errorResponse}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n }\r\n \r\n }\r\n
\r\n );\r\n};\r\n\r\nexport default BWWorkInspectionProject;","import React from \"react\";\r\nimport BCGlobalStore from \"./BCGlobalStore\";\r\nimport LMSStore from \"./lms/LmsGlobalStore\";\r\nimport BCGlobalCacheStore from \"./BCGlobaleCacheStore\";\r\nimport BCGlobalMetadataStore from \"./BCGlobalMetadata\";\r\n\r\nconst BCStoresWrapper = ({ children }) => {\r\n return \r\n
\r\n handleBackHome()}>
\r\n >
\r\n {props.breadcrumbsCurrent}
\r\n \r\n
\r\n : \r\n {props.isLoading ? \r\n }\r\n
\r\n );\r\n };\r\n \r\nexport default BWHomeViewAllFrame;","import React, { useCallback, useState } from \"react\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { getHomePaymentsInfolist } from \"../../api/BorrowerApi\";\r\nimport { getMockHomePaymentsInfolist } from \"../../api/mock/MockBorrowerApi\";\r\nimport { convertToDollar, formatDataProperties, handleErrorResponse } from \"../../Helpers\";\r\nimport { IHomePaymentsObj, IHomePaymentsView } from \"../interfaces/Borrower\";\r\nimport \"../../styles/borrower/home.scss\";\r\nimport { IErrorResponse, IProxyUser } from \"../interfaces/Global\";\r\nimport BWHomeViewAllFrame from \"./BWHomeViewAllFrame\";\r\nimport { FeatureFlags } from \"../constants/LocalServerConstants\";\r\n\r\ninterface IBWHomePayments {\r\n isGreaterThanMobile: boolean;\r\n isGreaterThanTablet: boolean;\r\n isSidebar: boolean;\r\n isMessage: boolean;\r\n setIsMessage: (value: boolean) => React.Dispatch{project.loanNumber}
{project.projectName}\r\n \r\n \r\n {/* TODO: functionality for downloads */}\r\n console.log(\"Download Draw Management\")}>Download Draw Management \r\n console.log(\"Download Borrower Statement\")}>Download Borrower Statement \r\n \r\n \r\n
\r\n {project.isActive ? \"Active\" : \"Inactive\"}
\r\n\r\n
\r\n {drawRequest.name}
\r\n \r\n \r\n \r\n console.log(\"Download Draw Management\")}>Download Draw Management \r\n {drawRequest.loanDrawApplicationStatus === \"Pending\" ? \r\n {/* TODO: functionality for all dropdown items */}\r\n handleToLoanDrawDetails(drawRequest.id)}>Resume \r\n handleDeleteLoanDrawRequest(drawRequest.id)}>Delete \r\n \r\n : \r\n console.log(\"Download Inspection Report\")}>Download Inspection Report \r\n console.log(\"View\")}>View \r\n }\r\n \r\n \r\n
\r\n {drawRequest.loan} - {drawRequest.loanProperty}
\r\n Requested Amount: {convertToDollar(drawRequest.drawRequestAmount)}
\r\n Approved Amount: {convertToDollar(drawRequest.approvedAmount)}
\r\n Inspection Scheduled:{drawRequest.loanDrawApplicationStatus} {drawRequest.inspectionStatus ? `(${drawRequest.inspectionStatus})` : \"\"}
\r\n \r\n \r\n handleClick(filter)}\r\n >\r\n {filter.title}\r\n \r\n removeTab(filter)}\r\n icon=\"x\"\r\n />\r\n \r\n );\r\n })}\r\n
\r\n \r\n \r\n {info && info.message && (\r\n \r\n {!!iFrameOptions?.modalIframeSrcPath && closeIframeModal()}\r\n content={(\r\n
\r\n )}\r\n \r\n \r\n {!hideMenu && \r\n history.goBack()} />\r\n \r\n \r\n <>\r\n {children}\r\n \r\n
\r\n \r\n {(props.error && !props.hideErrorMessage) && \r\n {label ? `${label}${props.error.message}.` : message[0]?.toLocaleUpperCase() + message.substring(1) + \".\"}\r\n }\r\n
;\r\n};\r\n\r\nexport default LmsValidationMessage;","import React, { useEffect, useRef, useState, useMemo } from \"react\";\r\nimport { Checkbox, Dropdown, Form, Input, Label, Radio, Search, TextArea, Button, Icon } from \"semantic-ui-react\";\r\nimport CurrencyInput from \"react-currency-input-field\";\r\nimport InputMask from \"react-input-mask\";\r\nimport BCToolTip from \"../../ui/BCToolTip\";\r\nimport { GlobalConstants } from \"../../constants/GlobalConstants\";\r\nimport BCPlaces from \"../../ui/BCPlaces\";\r\nimport { convertToDollar, convertToMinFraction } from \"../../../Helpers\";\r\nimport \"../../../styles/ui.scss\";\r\nimport \"../../../styles/lms/lms-global.scss\";\r\nimport \"../../../styles/lms/lms-form.scss\";\r\nimport LmsValidationMessage from \"./LmsValidationMessage\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { removeTimestamp, addTimestamp, downloadFile, parsePercentValue, isEmptyValue, parseCurrencyValue } from \"../../../helpers/GlobalHelper\";\r\nimport { css } from \"@emotion/css\";\r\nimport LmsMessage from \"./LmsMessage\";\r\nimport BCModal from \"../../ui/BCModal\";\r\n\r\nconst LMSFormInput = ({ ...props }) => {\r\n const searchRef = useRef() as any;\r\n const [isSearchOpen, setIsSearchOpen] = useState(true as boolean);\r\n const [isInFocus, setIsInFocus] = useState(false);\r\n const inputPlaceholder = props.placeholder ? props.placeholder : null;\r\n const history = useHistory();\r\n const [tableErrorInfo, setTableErrorInfo] = useState({ isVisible: false } as any);\r\n const [mouseOverErrorInfo, setIsMouseOverErrorInfo] = useState({ width: 0, displayOnLeft: false } as any);\r\n const [isMouseOver, setIsMouseOver] = useState(false);\r\n const [isMouseOverDropdown, setIsMouseOverDropdown] = useState(false);\r\n const [timer, setTimer] = useState(null as NodeJS.Timer | null);\r\n const [dropdownIsClearable, setDropdownIsClearable] = useState(!!props.clearable);\r\n const [isAddFormModalOpen, setIsAddFormModalOpen] = useState(false);\r\n const fileDownload = props.fileDownloads ? props.fileDownloads[props.name] : {};\r\n const useFormInstance = props.useFormInstance || {};\r\n const fieldOptions = { ...useFormInstance, ...props };\r\n const isPercentage = [GlobalConstants.InputTypes.PERCENT, GlobalConstants.InputTypes.PERCENTAGE].indexOf(props.fieldType) > -1;\r\n\r\n const inputValue = useMemo(() => {\r\n const value = props.value ? props.value : props.value === 0 ? Number(0) : \"\";\r\n if (!isEmptyValue(value)) {\r\n if (isPercentage) {\r\n return isInFocus ? value : parsePercentValue(value)?.toFixed(props.decimalsLimit || 3)?.toString();\r\n }\r\n else if (props.fieldType === \"dollar\" || props.fieldType === \"float\") {\r\n return isInFocus ? value : parseCurrencyValue(value)?.toFixed(props.decimalsLimit || 2);\r\n }\r\n else {\r\n return value;\r\n }\r\n }\r\n\r\n return value;\r\n }, [props.value, isInFocus]);\r\n\r\n const handleCalculateCharactersRemaining = (value, limit) => {\r\n if (limit) {\r\n return limit - value.length;\r\n }\r\n };\r\n\r\n const handleActionClick = () => {\r\n if (props.modalContent) {\r\n setIsAddFormModalOpen(true);\r\n }\r\n else if (props.actionPath) {\r\n history.push(props.actionPath);\r\n }\r\n else if (props.actionFunc) {\r\n props.actionFunc(fieldOptions);\r\n }\r\n };\r\n\r\n const handleOnBlur = (e) => {\r\n if (!isEmptyValue(e.currentTarget.value)) {\r\n if (isPercentage) {\r\n const maxValue = props.maxValue || props.maxPercentage ? props.maxValue || props.maxPercentage : 999.999;\r\n const parsedValue = parsePercentValue(e.currentTarget.value, maxValue);\r\n props?.handleFormChange(null, { name: props.name, value: parsedValue });\r\n }\r\n\r\n if (props.fieldType === \"dollar\" || props.fieldType === \"float\" || props.maxValue) {\r\n // eslint-disable-next-line @typescript-eslint/no-loss-of-precision\r\n const maxValue = props.maxValue ? props.maxValue : props.fieldType !== \"float\" ? 99999999999999.99 : undefined;\r\n const parsedValue = parseCurrencyValue(e.currentTarget.value, maxValue);\r\n props?.handleFormChange(null, { name: props.name, value: parsedValue });\r\n }\r\n }\r\n\r\n if (props.onBlur) {\r\n props.onBlur(props.name, e.currentTarget.value, props?.useFormInstance);\r\n }\r\n\r\n setIsInFocus(false);\r\n };\r\n\r\n const handleOnFocus = () => {\r\n setIsInFocus(true);\r\n };\r\n\r\n const selectAllDropdown = () => {\r\n props?.handleFormChange(null, { name: props?.name, value: props?.dropdownOptions?.map(o => o.value) });\r\n };\r\n\r\n useEffect(() => {\r\n const handleOutsideSearchClick = (e) => {\r\n if (searchRef.current && searchRef.current.contains(e.target)) {\r\n setIsSearchOpen(true);\r\n return;\r\n }\r\n \r\n setIsSearchOpen(false);\r\n };\r\n\r\n document.addEventListener(\"mousedown\", handleOutsideSearchClick);\r\n return () => {\r\n document.removeEventListener(\"mousedown\", handleOutsideSearchClick);\r\n };\r\n }, [searchRef]);\r\n\r\n const handleMouseOver = (e, isEnter) => {\r\n if (isEnter) {\r\n const parentField = e.currentTarget.parentElement;\r\n const computedParentWidth = window.getComputedStyle(parentField).getPropertyValue(\"width\");\r\n const rect = parentField.getBoundingClientRect();\r\n const screenWidth = window.innerWidth || document.documentElement.clientWidth;\r\n\r\n if ((screenWidth - rect.right) < 350 && rect.left > 350) {\r\n setIsMouseOverErrorInfo({ width: parseInt(computedParentWidth) + 10, displayOnLeft: true });\r\n }\r\n else {\r\n setIsMouseOverErrorInfo({ width: parseInt(computedParentWidth) + 15, displayOnLeft: false });\r\n }\r\n\r\n setIsMouseOver(true);\r\n } else {\r\n setIsMouseOver(false);\r\n }\r\n };\r\n\r\n const actionIsHidden = () => {\r\n if (props.isActionHidden) {\r\n return true;\r\n }\r\n else if (props.actionHasDependency) {\r\n return !props.dependencyFieldValue;\r\n }\r\n\r\n return false;\r\n };\r\n\r\n const handleRemoveClick = () => {\r\n if (props.removeActionFunc) {\r\n props.removeActionFunc(fieldOptions);\r\n }\r\n else {\r\n if (props.useFormInstance.removeInput) {\r\n props.useFormInstance.removeInput(props.name, props.nestedInputsProp);\r\n }\r\n }\r\n };\r\n\r\n const removeActionIsHidden = () => {\r\n if (!inputValue) {\r\n return true;\r\n }\r\n\r\n return !(!!props.removeActionFunc || props.displayRemoveButton);\r\n };\r\n\r\n useEffect(() => {\r\n if (isMouseOver) {\r\n if (!timer) {\r\n setTimer(setTimeout(() => {\r\n setTableErrorInfo({ message: \"Error text\", isVisible: true });\r\n }, 400));\r\n }\r\n } else {\r\n if (timer) {\r\n clearTimeout(timer);\r\n setTimer(null);\r\n setTableErrorInfo({ ...tableErrorInfo, isVisible: false });\r\n }\r\n }\r\n }, [isMouseOver]);\r\n\r\n let overwriteErrorMessagePosition = \"\";\r\n const mouseOverErrorInfoWidth = mouseOverErrorInfo?.width;\r\n\r\n if (mouseOverErrorInfoWidth) {\r\n if (mouseOverErrorInfo.displayOnLeft) {\r\n overwriteErrorMessagePosition = css`\r\n right: ${mouseOverErrorInfoWidth}px\r\n `;\r\n }\r\n else {\r\n overwriteErrorMessagePosition = css`\r\n left: ${mouseOverErrorInfoWidth}px\r\n `;\r\n }\r\n }\r\n\r\n return (\r\n \r\n {props.fieldType === \"percent\" ? `${convertToMinFraction(inputValue, props.decimalsLimit || 3, 3)}%` :\r\n props.fieldType === \"dollar\" ? convertToDollar(inputValue) : inputValue}\r\n
: \r\n {\r\n setIsMouseOverDropdown(true);\r\n }}\r\n onMouseLeave={() => {\r\n setIsMouseOverDropdown(false);\r\n }}\r\n >\r\n {\r\n if (!props.dropdownMultiple && !props.skipClearable) {\r\n setDropdownIsClearable(true);\r\n }\r\n }}\r\n onBlur={(_, { name, value }) => {\r\n if (dropdownIsClearable) {\r\n setDropdownIsClearable(false);\r\n }\r\n if (props.onBlur) {\r\n props.onBlur(name, value, props?.useFormInstance);\r\n }\r\n }}\r\n />\r\n {inputValue && !props.dropdownMultiple && !dropdownIsClearable && isMouseOverDropdown && !props.disabled && !props.skipClearable && (\r\n props.handleFormChange(null, { value: null, name: props.name })} />\r\n )}\r\n
\r\n {props.dropdownMultiple && \r\n {actionButtons.map((ab, i) => {\r\n const firstCheckedRow = useLmsTableInstance?.firstCheckedRow || tableData[checkedItems[0]];\r\n const clickOptions = {\r\n ...useLmsTableInstance,\r\n firstCheckedRow,\r\n id: firstCheckedRow?.id || \"\",\r\n tableData: tableData,\r\n checkedItems,\r\n setTableData,\r\n path: typeof ab?.path === \"function\" ? ab?.path(firstCheckedRow, useLmsTableInstance) : ab?.path,\r\n };\r\n\r\n if (React.isValidElement(ab)) {\r\n return ab;\r\n }\r\n else {\r\n const action = typeof ab === \"string\" ? ab : ab?.action ? ab?.action : ab?.text ? ab?.text : \"\";\r\n const actionLower = action?.toLowerCase();\r\n if (actionLower === \"export\") {\r\n return \r\n \r\n handleExport(ab, \"Csv\")}\r\n />\r\n handleExport(ab, \"Excel\")}\r\n />\r\n handleExport(ab, \"Pdf\")}\r\n />\r\n \r\n ;\r\n }\r\n else if (actionLower === GlobalConstants.TableDefaultActions.SUBMIT_SELECTED) {\r\n const {\r\n text = \"\",\r\n icon = \"\",\r\n isDisabled = () => false,\r\n submitSuffix = \"\",\r\n method = \"POST\",\r\n data = undefined,\r\n payloadContentType = \"JSON\" as PayloadContentType,\r\n onSuccessFunc = undefined as any,\r\n clearSuffixes = [] as string[],\r\n refreshDataOnSuccess = false,\r\n handleFormatSubmitSelectedRows = undefined,\r\n confirmationMessage = undefined as string | undefined,\r\n alertMessage = undefined as string | undefined,\r\n } = { ...defaultButtons[actionLower], ...ab } as ITableActionCustomButton;\r\n return (\r\n handleSubmitSelected({\r\n submitSuffix,\r\n method,\r\n data,\r\n buttonText: text,\r\n payloadDataType: payloadContentType,\r\n onSuccessFunc,\r\n clearSuffixes,\r\n refreshDataOnSuccess,\r\n handleFormatSubmitSelectedRows,\r\n confirmationMessage,\r\n alertMessage\r\n })}\r\n compact\r\n />\r\n );\r\n }\r\n else if (actionLower === GlobalConstants.TableDefaultActions.DOWNLOAD_SELECTED) {\r\n const {\r\n text = \"\",\r\n icon = \"\",\r\n isDisabled = () => false,\r\n downloadSuffix = \"\",\r\n downloadMany = false,\r\n method = \"GET\",\r\n payloadContentType = \"FormData\" as PayloadContentType,\r\n refreshDataOnSuccess = false,\r\n onDownloadSuccessFunc = undefined as any,\r\n fileName = undefined as string | undefined,\r\n } = { ...defaultButtons[actionLower], ...ab } as ITableActionCustomButton;\r\n const selectedId = !downloadMany ? tableData[checkedItems[0]]?.id : undefined;\r\n const data = downloadMany ? getCheckedIds() : undefined;\r\n let onDownloadSuccess = undefined as any;\r\n if (refreshDataOnSuccess || onDownloadSuccessFunc) {\r\n onDownloadSuccess = () => {\r\n safelyRunFunction(onDownloadSuccessFunc);\r\n safelyRunFunction(refreshDataOnSuccess ? () => refreshTableData() : undefined);\r\n };\r\n }\r\n\r\n return (\r\n {\r\n return handleDownloadSelected(downloadSuffix, {\r\n fileName: fileName,\r\n id: selectedId,\r\n method,\r\n data,\r\n contentType: payloadContentType,\r\n onSuccessFunc: onDownloadSuccess,\r\n buttonText: text\r\n });\r\n }}\r\n />\r\n );\r\n } else if (actionLower === GlobalConstants.TableDefaultActions.MODAL_BUTTON || ab?.modalContent || ab?.isIframeModal) {\r\n const {\r\n text,\r\n icon,\r\n isDisabled,\r\n modalContent,\r\n handleClick\r\n } = { ...defaultButtons[actionLower], ...ab } as ITableActionCustomButton;\r\n return (\r\n handleClick(clickOptions)}\r\n compact\r\n />\r\n );\r\n }\r\n else if (ab?.text) {\r\n const handleClick = () => {\r\n if (ab.handleClick) {\r\n return ab.handleClick(clickOptions);\r\n }\r\n if (handlePush && ab.path) {\r\n return handlePush(ab.path);\r\n }\r\n };\r\n return (\r\n handleClick()}\r\n />\r\n );\r\n }\r\n else {\r\n return
\r\n )}\r\n \r\n handleContextMenuClick(e, i)}\r\n >\r\n {(myForm && editableFields[prop]) && setIsEditable(!isEditable)}/>}\r\n handleColumnFilterClick(e, filterIconRef, { item, prop, fieldType })}\r\n style={{ opacity: isMouseOver || hasFilter ? 1 : 0 }}\r\n >\r\n
\r\n \r\n \r\n {item}\r\n \r\n {sortedDirection === \"desc\" ? : sortedDirection === \"asc\" ? : null}\r\n
\r\n \r\n {(!currentViewGroups || (currentViewGroups?.length === 0)) && Drag a column header and drop it here to group by that column}\r\n {currentViewGroups?.length > 0 && <>\r\n {currentViewGroups?.map(({ item, prop }, index: number) => {\r\n return (\r\n \r\n \r\n {item}\r\n \r\n {\r\n const filteredItems = currentViewGroups?.filter(gi => gi.prop !== prop);\r\n setCurrentViewGroups(filteredItems);\r\n }}\r\n icon=\"x\"\r\n />\r\n \r\n );\r\n })}\r\n }\r\n
;\r\n};\r\n\r\nexport default LmsGroupByHeaderList;","import { Dropdown, Button, Checkbox, Input, Form } from \"semantic-ui-react\";\r\nimport React, { useState, useEffect, useRef, useMemo } from \"react\";\r\nimport { GlobalConstants } from \"../../constants/GlobalConstants\";\r\nimport { getDropdownSemanticOptionsFromData, useFetchData, removeProp } from \"../../../helpers/GlobalHelper\";\r\nimport LmsMessage from \"./LmsMessage\";\r\nimport { useBCGlobalReducer } from \"../../BCGlobalStore\";\r\n\r\nconst defaultCreatePayload = {\r\n \"columns\": \"[]\",\r\n \"filters\": \"{}\",\r\n \"groups\": \"[]\",\r\n \"sort\": \"[]\",\r\n \"search\": \"\",\r\n \"isInactive\": false,\r\n \"description\": null,\r\n \"controller\": \"SPA\"\r\n};\r\n\r\nconst LmsTableFilterSubmitModal = (\r\n {\r\n tableFilterReducerInstance,\r\n gridUniqueIdString,\r\n refreshSettingsOptions,\r\n setSettingOptions,\r\n isLoaderVisible\r\n }\r\n) => {\r\n const [{ fetchData }] = useFetchData();\r\n const [successMessage, setSuccessMessage] = useState(null as any);\r\n const [submitting, setSubmitting] = useState(false);\r\n const [{\r\n filterSubmitModal,\r\n allViewOptions,\r\n currentViewValue,\r\n currentViewIsDefault,\r\n currentViewIsSystem,\r\n currentViewIsWidthSaved,\r\n formattedFilterWithStrings,\r\n columns\r\n }, tableReducerDispatch]: any = tableFilterReducerInstance;\r\n const globalDispatch = useBCGlobalReducer()[1];\r\n const [formValues, setFormValues] = useState(null as any);\r\n const [activeMode, setActiveMode] = useState(\"\");\r\n const [selectedModifyOption, setSelectedModifyOption] = useState(\"\");\r\n const { isVisible } = filterSubmitModal;\r\n const filterSubmitRef = useRef(null as any);\r\n const labelText = activeMode === \"modify\" ? \"Select an existing configuration to modify.\" : \"Name\";\r\n\r\n useEffect(() => {\r\n setFormValues({\r\n ...formValues || {},\r\n isDefault: currentViewIsDefault,\r\n isSystem: currentViewIsSystem,\r\n isWidthSaved: currentViewIsWidthSaved\r\n });\r\n }, [currentViewIsDefault, currentViewIsSystem, currentViewIsWidthSaved]);\r\n\r\n useEffect(() => {\r\n if (currentViewValue) {\r\n setSelectedModifyOption(currentViewValue);\r\n }\r\n }, [currentViewValue]);\r\n\r\n const modifySettingsOptions = useMemo(() => {\r\n if (allViewOptions) {\r\n return getDropdownSemanticOptionsFromData(allViewOptions);\r\n }\r\n\r\n return [];\r\n }, [activeMode, allViewOptions]);\r\n\r\n const handleClose = () => {\r\n tableReducerDispatch({\r\n type: GlobalConstants.LmsTableReducerCases.SET_FILTER_SUBMIT_MODAL,\r\n payload: { isVisible: false, posX: \"0\", posY: \"0\" }\r\n });\r\n\r\n setFormValues(null);\r\n setActiveMode(\"\");\r\n setSubmitting(false);\r\n };\r\n\r\n useEffect(() => {\r\n const handleOutsideSubmitClick = (e) => {\r\n if (filterSubmitRef.current && filterSubmitRef.current.contains(e.target)) {\r\n return;\r\n }\r\n else {\r\n handleClose();\r\n }\r\n };\r\n\r\n if (isVisible) {\r\n filterSubmitRef?.current?.setAttribute(\"listener\", \"true\");\r\n document.addEventListener(\"mousedown\", handleOutsideSubmitClick);\r\n }\r\n\r\n return () => {\r\n if (filterSubmitRef?.current?.getAttribute(\"listener\") !== \"true\") {\r\n document.removeEventListener(\"mousedown\", handleOutsideSubmitClick);\r\n }\r\n };\r\n }, [isVisible]);\r\n\r\n const handleModifyOptionChange = (e, { value }) => {\r\n const foundOptions = allViewOptions.find((option) => option.id === value);\r\n if (foundOptions) {\r\n setFormValues({\r\n ...formValues,\r\n isDefault: foundOptions.isDefault,\r\n isSystem: foundOptions.isSystem,\r\n isWidthSaved: foundOptions.isWidthSaved\r\n });\r\n }\r\n\r\n setSelectedModifyOption(value);\r\n };\r\n const handleModifyCheckboxChange = (_, { checked }: any, name) => {\r\n setFormValues({ ...formValues, [name]: checked });\r\n };\r\n\r\n const handleSave = async () => {\r\n setSubmitting(true);\r\n const { isDefault, isSystem, isWidthSaved } = formValues || {};\r\n let payload: any;\r\n const foundOptions = allViewOptions?.find((option) => option.id === selectedModifyOption);\r\n const foundOptionsColumns = foundOptions && !isWidthSaved ? JSON.parse(foundOptions?.columns) : columns;\r\n const updatedColumns = [] as any[];\r\n const formattedOptionsColumns = JSON.parse(formattedFilterWithStrings?.columns);\r\n formattedOptionsColumns.forEach((optionColumn) => {\r\n const foundOptionColumn = foundOptionsColumns.find((foundColumn) => foundColumn.prop === optionColumn.prop);\r\n if (foundOptionColumn?.width) {\r\n updatedColumns.push({ ...optionColumn, width: foundOptionColumn.width });\r\n }\r\n else {\r\n updatedColumns.push({ ...optionColumn, width: \"\" });\r\n }\r\n });\r\n\r\n const updatedFilters = { ...formattedFilterWithStrings, columns: JSON.stringify(updatedColumns) };\r\n if (activeMode === \"modify\") {\r\n const foundOptions = allViewOptions.find((option) => option.id === selectedModifyOption);\r\n payload = {\r\n ...foundOptions || {},\r\n ...updatedFilters,\r\n isDefault: !!isDefault,\r\n isSystem: !!isSystem,\r\n isWidthSaved: !!isWidthSaved,\r\n };\r\n }\r\n else {\r\n payload = {\r\n ...defaultCreatePayload,\r\n ...updatedFilters,\r\n internalName: formValues.configName,\r\n name: formValues.configName,\r\n isDefault: !!isDefault,\r\n isSystem: !!isSystem,\r\n isWidthSaved: !!isWidthSaved,\r\n action: gridUniqueIdString,\r\n pageId: allViewOptions?.[0]?.pageId || \"\",\r\n };\r\n }\r\n\r\n const { data, error } = await fetchData(\"gridviews\", {\r\n fetchMethod: activeMode === \"modify\" ? \"PUT\" : \"POST\",\r\n data: removeProp(payload, [\"page\", \"userAccount\"])\r\n });\r\n\r\n setSubmitting(false);\r\n if (error) {\r\n globalDispatch({\r\n type: GlobalConstants.BCStoreReducerCases.SET_INFO,\r\n payload: {\r\n header: GlobalConstants.DefaultValues.messageHeaderText,\r\n message: error?.message,\r\n type: GlobalConstants.ErrorLevels.ERROR\r\n },\r\n });\r\n }\r\n else {\r\n if (activeMode !== \"modify\" && data) {\r\n tableReducerDispatch({\r\n type: GlobalConstants.LmsTableReducerCases.SET_CURRENT_VIEW_VALUE,\r\n payload: data?.id || data\r\n });\r\n }\r\n refreshSettingsOptions();\r\n setSuccessMessage(true);\r\n }\r\n };\r\n\r\n const handleDelete = async () => {\r\n setSubmitting(true);\r\n const { error } = await fetchData(`gridviews/${selectedModifyOption}`, { fetchMethod: \"DELETE\" });\r\n setSubmitting(false);\r\n if (error) {\r\n setSuccessMessage(error);\r\n }\r\n else {\r\n setSettingOptions(allViewOptions?.filter((option) => option.id !== selectedModifyOption) || []);\r\n tableReducerDispatch({\r\n type: GlobalConstants.LmsTableReducerCases.DELETE_CURRENT_VIEW_OPTION,\r\n payload: selectedModifyOption\r\n });\r\n setSuccessMessage(true);\r\n }\r\n };\r\n\r\n const handleConfirmDelete = async () => {\r\n if (confirm(\"Are you sure you want to delete this settings?\")) {\r\n await handleDelete();\r\n }\r\n };\r\n\r\n return <>\r\n {isVisible && !isLoaderVisible && \r\n
\r\n );\r\n};\r\n\r\ninterface LmsFilterViewDropdownDrops {\r\n formattedOptions?: SemanticUIDropdownOptionsType,\r\n tableFilterReducerInstance?: [any, (any) => any],\r\n handleOpenFilterSubmitClick: (e: any, dropdownOptionsRef: any) => void\r\n settingOptions?: any[],\r\n isSettingsOptionsLoading?: boolean,\r\n settingsOptionsError?: any,\r\n filterSubmitModalOptions?: any\r\n isLoaderVisible?: boolean;\r\n}\r\n\r\nconst LmsFilterViewDropdown = (\r\n {\r\n tableFilterReducerInstance,\r\n handleOpenFilterSubmitClick,\r\n settingOptions,\r\n isSettingsOptionsLoading,\r\n settingsOptionsError,\r\n filterSubmitModalOptions,\r\n isLoaderVisible = false,\r\n }: LmsFilterViewDropdownDrops) => {\r\n const [{ currentViewValue, currentViewFilters, isFilteringDisabled, allViewOptions }, dispatch]: any = tableFilterReducerInstance;\r\n const [options, setOptions] = useState(undefined as SemanticUIDropdownOptionsType | undefined);\r\n const hasActiveFilters = currentViewFilters?.filters?.length > 0;\r\n const dropdownOptionsRef = useRef(null as any);\r\n const handleChange = (_, { value }: any) => {\r\n dispatch({\r\n type: GlobalConstants.LmsTableReducerCases.SET_CURRENT_VIEW_VALUE,\r\n payload: value,\r\n });\r\n };\r\n\r\n const formatColumnFilter = (fieldName, columnFilter) => {\r\n return startsWithCapital(fieldName) ? { ...columnFilter, field: getParsedPropItemFromLegacy(fieldName)?.prop || convertCamelCase(fieldName) } : columnFilter;\r\n };\r\n\r\n const getFormattedColumnFilter = (columnFilter) => {\r\n if (columnFilter?.field) {\r\n return formatColumnFilter(columnFilter.field, columnFilter);\r\n }\r\n else if (columnFilter?.filters?.[0]?.field) {\r\n return {\r\n ...columnFilter,\r\n filters: columnFilter?.filters?.map(filter => formatColumnFilter(filter?.field, filter))\r\n };\r\n }\r\n };\r\n\r\n const parseFiltersStr = (jsonStr) => {\r\n if (jsonStr && isJson(jsonStr)) {\r\n const parsedFilters = jsonStr && isJson(jsonStr) ? JSON.parse(jsonStr) : [];\r\n if (parsedFilters?.filters) {\r\n if (parsedFilters?.filters?.[0]?.field) {\r\n return { filters: [getFormattedColumnFilter(parsedFilters)] };\r\n }\r\n else {\r\n return { filters: parsedFilters?.filters?.map(columnFilter => getFormattedColumnFilter(columnFilter)) };\r\n }\r\n }\r\n }\r\n\r\n return {};\r\n };\r\n\r\n const getFormattedSettingOptions = () => {\r\n if (settingOptions) {\r\n return settingOptions?.map((option) => {\r\n return {\r\n ...option,\r\n filters: JSON.stringify(parseFiltersStr(option.filters)),\r\n };\r\n });\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (settingOptions || settingsOptionsError) {\r\n if (!isSettingsOptionsLoading) {\r\n if (!settingsOptionsError) {\r\n dispatch({\r\n type: GlobalConstants.LmsTableReducerCases.SET_ALL_VIEW_OPTIONS,\r\n payload: getFormattedSettingOptions() || []\r\n });\r\n\r\n setOptions(getDropdownSemanticOptionsFromData(settingOptions || []));\r\n }\r\n else {\r\n setOptions([]);\r\n dispatch({\r\n type: GlobalConstants.LmsTableReducerCases.SET_ALL_VIEW_OPTIONS,\r\n payload: []\r\n });\r\n }\r\n }\r\n }\r\n }, [settingOptions, settingsOptionsError, isSettingsOptionsLoading]);\r\n\r\n useEffect(() => {\r\n if (allViewOptions && setOptions && allViewOptions.length !== setOptions.length) {\r\n setOptions(getDropdownSemanticOptionsFromData(allViewOptions || []));\r\n }\r\n }, [allViewOptions]);\r\n\r\n const toggleFiltering = () => {\r\n dispatch({\r\n type: GlobalConstants.BCStoreReducerCases.TOGGLE_FILTERING_DISABLED,\r\n });\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n handleOpenFilterSubmitClick(e, dropdownOptionsRef)}\r\n disabled={isSettingsOptionsLoading}\r\n />\r\n
\r\n \r\n onChange(e, data, nestedProp)}\r\n selection\r\n options={operandsOptions[fieldType] || []}\r\n name=\"operator\"\r\n value={formValues?.[nestedProp]?.operator || defaultValue}\r\n fluid\r\n compact\r\n />\r\n
\r\n \r\n {fieldType === \"date\" && (\r\n \r\n onChange(null, currentTarget, nestedProp)\r\n }\r\n onKeyDown={handleKeyDown}\r\n fluid\r\n labelPosition=\"left\"\r\n />\r\n )}\r\n {fieldType === \"number\" && (\r\n \r\n onChange(null, { name, value: parseFloat(value) } , nestedProp)\r\n }\r\n onKeyDown={handleKeyDown}\r\n fluid\r\n labelPosition=\"left\"\r\n />\r\n )}\r\n
\r\n ;\r\n};\r\n\r\nconst LmsTableHeaderFilterConfigFields = (\r\n {\r\n prop,\r\n fieldType,\r\n isVisible = false,\r\n posX = \"0\",\r\n posY = \"0\",\r\n tableFilterReducerInstance,\r\n setColumnFilter\r\n }) => {\r\n const [formValues, setFormValues] = useState(null as any);\r\n const [{ currentViewFilters }, dispatch]: any = tableFilterReducerInstance;\r\n const columnFilterRef = useRef(null as any);\r\n const handleClose = (clickedProp) => {\r\n if (!clickedProp || clickedProp !== prop) {\r\n setColumnFilter({ isVisible: false, posX: \"0\", posY: \"0\", prop: \"\", fieldType: \"\" });\r\n }\r\n\r\n setFormValues(null);\r\n };\r\n\r\n useEffect(() => {\r\n const handleOutsideSearchClick = (e) => {\r\n if (columnFilterRef.current && columnFilterRef.current.contains(e.target)) {\r\n return;\r\n }\r\n else {\r\n handleClose(e.target?.parentElement?.dataset?.prop);\r\n }\r\n };\r\n\r\n if (isVisible) {\r\n columnFilterRef?.current?.setAttribute(\"listener\", \"true\");\r\n document.addEventListener(\"mousedown\", handleOutsideSearchClick);\r\n }\r\n\r\n return () => {\r\n if (columnFilterRef?.current?.getAttribute(\"listener\") !== \"true\") {\r\n document.removeEventListener(\"mousedown\", handleOutsideSearchClick);\r\n }\r\n };\r\n }, [isVisible, columnFilterRef]);\r\n\r\n useEffect(() => {\r\n if (currentViewFilters?.filters && prop) {\r\n const filterValues = currentViewFilters?.filters?.find((filter: any) => convertPropFromLegacyToCamelCase(filter.filters[0]?.field) === prop);\r\n if (filterValues) {\r\n const initFormValues = filterValues.filters.reduce((acc: any, filter: any, index: number) => {\r\n return { ...acc, [index]: filter };\r\n }, {});\r\n\r\n setFormValues({ ...initFormValues, logic: filterValues?.logic });\r\n }\r\n }\r\n }, [prop, fieldType]);\r\n\r\n const onChange: any = (_, { name, value }, nestedProp) => {\r\n if (nestedProp !== undefined) {\r\n setFormValues({ ...formValues, [nestedProp]: { ...formValues?.[nestedProp], [name]: value } });\r\n }\r\n else {\r\n setFormValues({ ...formValues, [name]: value });\r\n }\r\n };\r\n\r\n const handleFilterData = () => {\r\n let updatedFilterValues: any[];\r\n const foundFilter = currentViewFilters?.filters?.find((filter: any) => filter.filters[0]?.field === prop);\r\n if (foundFilter) {\r\n updatedFilterValues = currentViewFilters?.filters?.map(cwf => {\r\n if (cwf?.filters?.[0]?.field === prop) {\r\n const updatedFilters = [] as any[];\r\n if (formValues) {\r\n Object.keys(formValues).forEach(key => {\r\n if (key !== \"logic\") {\r\n const operatorValue = formValues?.[key]?.operator ? formValues?.[key]?.operator : fieldType === \"string\" ? \"contains\" : \"eq\";\r\n updatedFilters.push({ ...formValues[key], field: prop, operator: operatorValue });\r\n }\r\n });\r\n }\r\n\r\n return { ...cwf, filters: updatedFilters, logic: formValues?.logic };\r\n }\r\n\r\n return cwf;\r\n });\r\n }\r\n else {\r\n const formattedFilters = [] as any[];\r\n if (formValues) {\r\n Object.keys(formValues).forEach(key => {\r\n if (key !== \"logic\") {\r\n const operatorValue = formValues?.[key]?.operator ? formValues?.[key]?.operator : fieldType === \"string\" ? \"contains\" : \"eq\";\r\n formattedFilters.push({ ...formValues[key], field: prop, operator: operatorValue });\r\n }\r\n });\r\n }\r\n\r\n const newFilter = {\r\n logic: formValues?.logic,\r\n filters: formattedFilters\r\n };\r\n\r\n updatedFilterValues = [...currentViewFilters?.filters || [], newFilter];\r\n }\r\n\r\n dispatch({\r\n type: GlobalConstants.LmsTableReducerCases.SET_CURRENT_VIEW_FILTERS,\r\n payload: {\r\n filters: updatedFilterValues\r\n }\r\n });\r\n\r\n handleClose(null);\r\n };\r\n\r\n const handleKeyDown = (event) => {\r\n if (event.key === \"Enter\") {\r\n handleFilterData();\r\n }\r\n };\r\n\r\n const handleClearFilter = () => {\r\n dispatch({\r\n type: GlobalConstants.LmsTableReducerCases.SET_CURRENT_VIEW_FILTERS,\r\n payload: {\r\n filters: currentViewFilters?.filters?.filter((filter: any) => filter.filters[0]?.field !== prop)\r\n }\r\n });\r\n\r\n setFormValues(null);\r\n handleClose(null);\r\n };\r\n\r\n return <>\r\n {isVisible && \r\n onChange(e, data, 0)}\r\n selection\r\n options={booleanDropdownOptions}\r\n name=\"value\"\r\n value={formValues?.[0] ? formValues?.[0]?.value : \"\"}\r\n compact\r\n />\r\n \r\n )}\r\n {fieldType !== \"boolean\" && <>\r\n
\r\n }\r\n ;\r\n};\r\n\r\nexport default LmsTableHeaderFilterConfigFields;","import React, { useMemo, useCallback } from \"react\";\r\nimport { FeatureFlags } from \"../../constants/LocalServerConstants\";\r\nimport { LmsFormDropdownField, LmsFormField } from \"./LmsFormGenerator\";\r\nimport { Button, Checkbox, Dropdown, Icon, Table, Image } from \"semantic-ui-react\";\r\n\r\nconst RowTitle = ({ rowTitle, i }) => {\r\n if (!rowTitle) {\r\n return null;\r\n }\r\n\r\n return Show items with value that:
\r\n <>\r\n {fieldType === \"boolean\" && (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Filter\r\n \r\n \r\n Clear\r\n \r\n
\r\n \r\n \r\n handleChange(e, { name, value: value || \"\" }, type, editProp)}\r\n value={getEditableValue(prop, editProp, inputs, rowData[prop]).value as any}\r\n fieldClassName={getEditableStyle(errors[editProp] ? errors[editProp][prop] : null, getEditableValue(prop, editProp, inputs, rowData[prop]).isEdited, editableFields[prop])}\r\n skipLabel\r\n hideErrorMessage\r\n isTableInline\r\n />\r\n
\r\n }\r\n \r\n );\r\n })}\r\n {props.actions && \r\n {props.isMobile ? null :\r\n
\r\n }\r\n {(props.actions.includes(\"edit\") && !rowData.isEditHide) && {props.buttonWords && props.buttonWords.length > 0 ? props.buttonWords[i] : \"Invite Now\"}
}\r\n \r\n
\r\n }\r\n {(props.actions.includes(\"delete\") && !props.isDeleteHide && !rowData.isDeleteHide) && Edit
}\r\n \r\n
\r\n }\r\n Delete
}\r\n \r\n handleSelectAll(e, data)}/>\r\n
\r\n {sortedColumnsList.map((col, i) => {\r\n return \r\n handelCheckBoxChange(e, data)} name={col.item} checked={!col.hidden} label={col.item}/>\r\n
;\r\n })}\r\n }\r\n ;\r\n};\r\n\r\nconst LmsTable = ({ ...props }: LMSTableProps) => {\r\n const {\r\n myForm = {} as BCFormController,\r\n checkbox = true,\r\n skipCheckbox = false,\r\n isDisabled = false,\r\n skipPagination = false,\r\n thin = true,\r\n dataSingleLine = true,\r\n selectable = true,\r\n sortByArray,\r\n onClickIdProp = \"\",\r\n onClickIdFunc,\r\n rowTitle = \"\"\r\n } = props;\r\n const [apiCustomHeaders, setApiCustomHeaders] = useState(undefined as any);\r\n const propsTableData = props.data || props.error || props.isLoading ? [{ data: props.data, error: props.error, isLoading: props.isLoading || false }] : null;\r\n const [{ data: tableData, error = false, isLoading = false, responseHeaders = null }, refreshTableData] = propsTableData ? propsTableData : useFetchData(props.apiSuffix || \"\", {\r\n useMock: props.useMock,\r\n skipCache: props.skipCache || props?.useApiFiltering,\r\n customHeaders: apiCustomHeaders,\r\n isReady: !props?.useApiFiltering || !!apiCustomHeaders,\r\n getResponseHeadersList: [\"X-Total-Count\"],\r\n defaultData: [],\r\n formatDataFunc: props.formatDataFunc\r\n });\r\n\r\n const isBrokerColor = (props.brokerColor && getIsWhiteLabeled());\r\n const editableFields = getEditableFields(myForm);\r\n const initTableData = props.apiSuffix === undefined && Array.isArray(props.data) ? props.data : Array.isArray(tableData) ? tableData : [];\r\n const useLmsTableInstance = useLMSTable(initTableData, { refreshTableData, tableProps: props });\r\n const tableRef = useRef\r\n setConfirmOptions({ isOpen: false })}\r\n onConfirm={() => {\r\n if (confirmOptions?.func) {\r\n confirmOptions?.func();\r\n }\r\n\r\n setConfirmOptions({ isOpen: false });\r\n }}\r\n content={confirmOptions?.message || \"\"}\r\n className={confirmOptions?.isAlert ? \"form-generator-alert-confirm\" : \"\"}\r\n />\r\n setInfo({ ...info, isVisible: false })}/>\r\n {props.title && setIsOnClickModalOpen(false)}\r\n content={props?.onClickModalContent(setIsOnClickModalOpen, useLmsTableInstance)}\r\n />}\r\n {!!modalIframeSrcPath && setModalIframeSrcPath(\"\")}\r\n content={}\r\n />}\r\n {displayTable && (\r\n handlePageChange(data.activePage, pagination)}\r\n />}\r\n {!props.isDefaultPagination && (!props.isPaginationExpanded || (props.isPaginationExpanded && totalPages >= 8)) && !skipPagination &&\r\n
\r\n {props.title} {sortedData?.length || 0}
}\r\n {(!props.skipFilter && !isDisabled) && (\r\n \r\n {(columns && columns.length > 0 && dropContainerRef?.current) && \r\n \r\n {(!props.skipGrouping && !isDisabled) && }\r\n \r\n }\r\n
)}\r\n {(pagination && displayTable && !isDisabled && !skipPagination && !isLoaderVisible && !displayEmptyState) && columns.length > 0 && <>\r\n {props.isDefaultPagination && \r\n \r\n \r\n \r\n {currentViewGroups && currentViewGroups.length > 0 && <>\r\n {currentViewGroups.map((_, i) => {\r\n return {!props.skipCheckboxAll &&\r\n handleCheckboxAll(value)} checked={(checkedItems && filteredData) && checkedItems.length === filteredData.length} />}\r\n }\r\n {columns?.map(({ item, prop, fieldType, width }, i) => {\r\n const foundSortable = props.sortable ? props.sortable.find(x => x === item) : undefined;\r\n const columnHeaderProps = {\r\n item,\r\n prop,\r\n fieldType,\r\n width,\r\n isBrokerColor,\r\n brokerTableHeaderOverrideCSS,\r\n tableProps: props,\r\n foundSortable,\r\n handleHeaderClick,\r\n dataSingleLine,\r\n i,\r\n myForm,\r\n editableFields,\r\n sortedHeaders,\r\n mouseDown,\r\n mouseUp,\r\n activeColumn,\r\n setActiveDragColumn,\r\n activeResizeStyles,\r\n setIsEditable,\r\n isEditable,\r\n handleColumnHeaderDrop,\r\n handleContextMenuClick,\r\n handleColumnFilterClick,\r\n tableFilterReducerInstance\r\n };\r\n\r\n return \r\n {props.actions.includes(\"add\") && \r\n props.handleTableAdd()}\r\n >\r\n }\r\n }\r\n {props.ellipsis && \r\n \r\n \r\n {filterPageData?.map((row: { [x: string]: any; statusLookupName: string; isEditHide: boolean; isDeleteHide: any; id: any; } | string | any, i: number) => {\r\n const rowIndex = props.useApiFiltering ? i : i + firstEntryIndex;\r\n const rowProps = {\r\n props,\r\n filteredData,\r\n setSortedData,\r\n checkedItems,\r\n handleCheckbox,\r\n checkbox,\r\n skipCheckbox,\r\n isDisabled,\r\n currentViewGroups,\r\n rowTitle,\r\n columns,\r\n getClickOptions,\r\n handleActionClick,\r\n activeColumn,\r\n isEditable,\r\n selectable,\r\n myForm,\r\n editableFields,\r\n yesNoDropdownOptions,\r\n handleFormat,\r\n allDropdownOptionsData,\r\n allDropdownOptionsLoading,\r\n trueFalseDict,\r\n handleChange,\r\n errors,\r\n inputs,\r\n getEditableValue,\r\n handleDelete,\r\n isBrokerColor,\r\n isUpward,\r\n brokerTableEllipsesOverrideCSS,\r\n handlePush\r\n };\r\n\r\n if (row && row.groupedByString) {\r\n return \r\n {currentViewGroups?.map((_, i) => {\r\n if (row.nestedIndex > i) {\r\n return \r\n {row.groupedByString}\r\n \r\n ;\r\n }\r\n else if (row && row.rowData && typeof row.rowData === \"object\") {\r\n return \r\n {checkbox && \r\n {(prop && props?.calculatedColumns?.includes(prop)) && \r\n }\r\n \r\n );\r\n }\r\n })}\r\n }\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Grand Total:
\r\n {calculateColumn(prop, filteredData)}
\r\n\r\n
}\r\n {props.isPaginationExpanded && totalPages < 8 && }\r\n }\r\n \r\n pagination && handlePageChange(1, pagination)}>\r\n \r\n pagination && handlePageChange(activePage - 1, pagination)}>\r\n \r\n Page\r\n handlePageChange(data.value, pagination)} value={activePage} />\r\n of {totalPages || 1}\r\n pagination && handlePageChange(lastEntryIndex / pagination + 1, pagination)}>\r\n \r\n pagination && handlePageChange(totalPages, pagination)}>\r\n \r\n
\r\n \r\n {\r\n setPagination(data?.value as number);\r\n }}\r\n value={pagination}\r\n options={[\r\n { key: \"5\", text: \"5\", value: 5 },\r\n { key: \"10\", text: \"10\", value: 10 },\r\n { key: \"15\", text: \"15\", value: 15 },\r\n { key: \"50\", text: \"50\", value: 50 },\r\n { key: \"100\", text: \"100\", value: 100 },\r\n { key: \"1000\", text: \"1000\", value: 1000 },\r\n ]}\r\n upward={true}\r\n className=\"items-per-page-dropdown\"\r\n />\r\n items per page\r\n
\r\n \r\n
\r\n {firstEntryIndex + 1} - {lastEntryIndex < totalGridCount ? lastEntryIndex : totalGridCount} of {totalGridCount} items\r\n
\r\n {\r\n setActivePage(1);\r\n refreshTableData();\r\n }}>\r\n \r\n {tabNameUpper}\r\n {hasLength && {tabLengthDisplay}}\r\n
;\r\n};\r\n\r\nconst LmsTabMenuBar = ({ ...props }: LMSTabMenuBarProps) => {\r\n const menuBreakIndex = props.menuBreakIndex || 10;\r\n const isGreaterThanMobile = getIsGreaterThanMobile();\r\n const menuWidths = props.menuWidths || props.tabs.slice(0, menuBreakIndex).length as any;\r\n const brokerActiveTabOverrideCSS = css`\r\n .active.item {\r\n color: ${props.customColor ? props.customColor : \"black\"} !important;\r\n border-color: ${props.customColor ? props.customColor : \"black\"} !important;\r\n font-weight: normal;\r\n }\r\n\r\n & :hover {\r\n color: ${props.customColor ? props.customColor : \"black\"} !important;\r\n }\r\n `;\r\n\r\n const getMenuWithItems = (tabs) => {\r\n return ;\r\n };\r\n\r\n return \r\n \r\n \r\n {tabPages[activeTab]?.pageContent} \r\n \r\n \r\n
\r\n \r\n \r\n {text}\r\n \r\n
);\r\n }\r\n\r\n const fieldClassName = useMemo(() => {\r\n const res = \"lms-form-generator-button-field-container\";\r\n if (fieldOptions.position) {\r\n return `${res} ${fieldOptions.position}`;\r\n }\r\n\r\n if (fieldOptions.fullWidth) {\r\n return `${res} full-with`;\r\n }\r\n\r\n if (fieldOptions.alignRight) {\r\n return `${res} right`;\r\n }\r\n else if (fieldOptions.alignLeft) {\r\n return `${res} left`;\r\n }\r\n\r\n return res;\r\n }, []);\r\n\r\n return <>\r\n {isButtonGroup && ButtonElement}\r\n {!isButtonGroup && \r\n {confirmOptions?.isOpen && {\r\n setConfirmOptions({ isOpen: false });\r\n if (submitting && isDisabled) {\r\n resetSubmittingStates();\r\n }\r\n }}\r\n onConfirm={() => {\r\n if (confirmOptions?.func) {\r\n confirmOptions?.func();\r\n }\r\n\r\n if (submitting && isDisabled) {\r\n resetSubmittingStates();\r\n }\r\n\r\n setConfirmOptions({ isOpen: false });\r\n }}\r\n content={confirmOptions?.message || \"\"}\r\n confirmButton={confirmOptions?.confirmButtonText}\r\n className={confirmOptions?.isAlert ? \"form-generator-alert-confirm\" : \"\"}\r\n />}\r\n {!!modalIframeSrcPath && setModalIframeSrcPath(\"\")}\r\n content={(\r\n
,\r\n ]}\r\n />;\r\n }\r\n else {\r\n return \r\n
}\r\n {centeredTitle && {label}
\r\n \r\n
}\r\n {errorTitle && {centeredTitle}
\r\n \r\n
}\r\n {errorTitle}
\r\n