- \n {loading ? (\n
Loading...
\nLoading...
\n\n {patient.address2 && (\n <>\n {patient.address2}\n
\n \n )}\n {`${patient.zipcode || ''} ${patient.city || ''}`}
\n {patient.country && (\n <>\n {patient.country}
\n \n )}\n {patient.state && (\n <>\n {patient.state}
\n \n )}\n
')\n return parse(formatHtml)\n}\n\nexport const toCurrency = (val, prefix = true) => {\n const number = typeof val === 'number' ? val.toFixed(2) : val\n const formattedNumber = toUSNumberFormat(number)\n return prefix ? `${formattedNumber}` : formattedNumber\n}\n\nexport const toCamelCase = str => {\n if (str.includes('_')) {\n return str\n .split('_')\n .map(word => word.charAt(0).toUpperCase() + word.slice(1))\n .join(' ')\n }\n return str\n .replace(/\\s(.)/g, function($1) {\n return $1.toUpperCase()\n })\n .replace(/\\s/g, '')\n .replace(/^(.)/, function($1) {\n return $1.toLowerCase()\n })\n}\n\n/**\n * discountRate & interestRate are integers (e.g. 15 => 15%).\n * So we do (adjustment / 100).\n */\nexport const calculateAdjustment = (adjustment, amount) => {\n return adjustment > 0 ? amount * (adjustment / 100) : 0\n}\n\nexport const fromCurrencyToNumber = val => {\n // If user typed \"$1,000.00\", you may want val.replace(/[^\\d.]/g, '') for completeness\n return parseFloat(val.replace(',', ''))\n}\n\n/**\n * If your UI stored discountRate=15 as an integer, but you want to display '0.15' or something else,\n * you can revert them. Usually for \"create payment form,\" maybe you do *100 or /100 differently.\n */\nexport const revertCreatePaymentFormFormat = params => {\n if (isNaN(params.downPayment)) {\n params.downPayment = ''\n }\n return {\n ...params,\n amount: String(params.amount),\n downPayment: String(params.downPayment),\n discountRate: params.discountRate, // or discountRate * 100 if your UI wants \"1500\" for 15.00%\n interestRate: params.interestRate,\n }\n}\n\n/**\n * Storing discountRate & interestRate as integers => (rate / 100) in 'calculateAdjustment'\n */\nexport const updateAmounts = params => {\n let amount = params.amount\n if (typeof amount === 'string') {\n amount = fromCurrencyToNumber(amount)\n }\n const amountWithDiscount =\n amount - calculateAdjustment(params.discountRate, amount)\n const totalDue =\n amountWithDiscount +\n calculateAdjustment(params.interestRate, amountWithDiscount)\n const installmentAmount = totalDue / params.installments\n\n return {\n ...params,\n amountWithDiscount,\n installmentAmount: toFixed(installmentAmount, 2).toString(),\n totalDue,\n downPayment: toFixed(installmentAmount, 2).toString(),\n }\n}\n\n/**\n * Calculate the default per-installment amount (for display).\n */\nexport const calcInstallmentAmountWithDiscount = (\n amount,\n installments,\n discountRate\n) => {\n if (!amount || !installments) return '0'\n let numericAmount =\n typeof amount === 'string' ? fromCurrencyToNumber(amount) : amount\n const discount = calculateAdjustment(discountRate, numericAmount)\n const perInstallment = (numericAmount - discount) / installments\n return toFixed(perInstallment, 2).toString()\n}\n\n/**\n * If downPayment >= the auto-calculated installment,\n * we subtract 1 from the installments, etc.\n */\nconst downPaymentCalculation = (params, installmentAmountWithDiscount) => {\n const currentDP = Number(params.downPayment)\n const installmentDP = Number(toFixed(installmentAmountWithDiscount, 2))\n\n if (\n !isNaN(currentDP) &&\n !isNaN(installmentDP) &&\n currentDP >= installmentDP\n ) {\n const newInstallments = params.installments - 1\n const restOfDownPayment = currentDP - installmentDP\n const newTotal = installmentDP * newInstallments\n const newAmountWithDiscount = newTotal - restOfDownPayment\n const newTotalDue =\n newAmountWithDiscount +\n calculateAdjustment(params.interestRate, newAmountWithDiscount)\n const newInstallmentAmount = newTotalDue / newInstallments\n\n return {\n updatedInstallments: newInstallments,\n totalDue: newTotalDue,\n installmentAmount: toFixed(newInstallmentAmount, 2).toString(),\n }\n }\n return {\n updatedInstallments: params.installments,\n }\n}\n\n/**\n * The main function that merges old and new code:\n * discountRate & interestRate are integers => \"15\" means 15%.\n */\nexport const updateContractAmounts = (params, downPaymentDirty = false) => {\n let amount = params.amount\n if (typeof amount === 'string') {\n amount = fromCurrencyToNumber(amount)\n }\n\n const amountWithDiscount =\n amount - calculateAdjustment(params.discountRate, amount)\n const totalDue =\n amountWithDiscount +\n calculateAdjustment(params.interestRate, amountWithDiscount)\n const installmentAmountWithDiscount = totalDue / params.installments\n\n // If user hasn't manually overridden downPayment, do the auto-calculation\n const downPaymentCalc = !downPaymentDirty\n ? downPaymentCalculation(params, installmentAmountWithDiscount)\n : { updatedInstallments: params.installments }\n\n return {\n ...params,\n amountWithDiscount,\n installmentAmount: toFixed(installmentAmountWithDiscount, 2).toString(),\n installmentAmountWithoutDiscount: toFixed(\n totalDue / params.installments,\n 2\n ).toString(),\n totalDue,\n ...downPaymentCalc,\n }\n}\n","import { baseURL, headers } from '@/v2/constants/requests'\nimport { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'\nimport { useSnackbarContext } from '@/v2/contexts/SnackbarContext'\n\nconst STALE_TIME = 30000 // 30 seconds\nconst CACHE_TIME = 300000 // 5 minutes\n\nconst useProfileNotes = (props = {}) => {\n const { patientId } = props\n\n const queryClient = useQueryClient()\n const { onOpenSnackbar } = useSnackbarContext()\n\n const {\n data: profileNotes,\n isLoading: isProfileNotesLoading,\n isError: isProfileNotesError,\n } = useQuery({\n queryKey: ['profileNotes', baseURL, headers, patientId],\n queryFn: async () => {\n const res = await fetch(\n `${baseURL}/v2/rest/patients/${patientId}/profile/notes`\n )\n\n if (!res.ok) {\n const message = 'We could not find the patient you are looking for'\n onOpenSnackbar(message, 'error')\n throw new Error(message)\n }\n\n const data = await res.json()\n return data\n },\n enabled: !!patientId,\n staleTime: STALE_TIME,\n cacheTime: CACHE_TIME,\n })\n\n const {\n mutateAsync: createProfileNote,\n isLoading: isCreatingProfileNote,\n isError: isCreatingProfileNoteError,\n } = useMutation({\n mutationKey: ['createProfileNote', baseURL, headers],\n mutationFn: async variables => {\n const res = await fetch(\n `${baseURL}/v2/rest/patients/${variables.note.patientId}/notes`,\n {\n method: 'POST',\n headers,\n body: JSON.stringify(variables),\n }\n )\n if (!res.ok) {\n throw new Error('We could not create the note')\n }\n const data = await res.json()\n\n return data\n },\n onSuccess: (data, variables) => {\n queryClient.setQueryData(\n ['profileNotes', baseURL, headers, String(variables.note.patientId)],\n old => (old ? [...old, data] : [data])\n )\n queryClient.setQueryData(\n ['OfficeNotes', `${variables.note.patientId}`],\n old => (old ? [data, ...old] : [data])\n )\n onOpenSnackbar('Note has been created', 'success')\n },\n onError: () => {\n onOpenSnackbar('We could not create the note', 'error')\n },\n })\n\n const {\n mutateAsync: updateProfileNote,\n isLoading: isUpdatingProfileNote,\n isError: isUpdatingProfileNoteError,\n } = useMutation({\n mutationKey: ['updateProfileNote', baseURL, headers],\n mutationFn: async variables => {\n const res = await fetch(\n `${baseURL}/v2/rest/patients/${variables.note.patientId}/notes/${variables.note.id}`,\n {\n method: 'PUT',\n headers,\n body: JSON.stringify(variables),\n }\n )\n if (!res.ok) {\n throw new Error('We could not update the note')\n }\n const data = await res.json()\n\n return data\n },\n onMutate: async variables => {\n const queryKey = [\n 'profileNotes',\n baseURL,\n headers,\n String(variables.note.patientId),\n ]\n\n await queryClient.cancelQueries({\n queryKey,\n })\n\n const previousProfileNotes = queryClient.getQueryData(queryKey)\n\n queryClient.setQueryData(queryKey, old =>\n old\n ? old.map(note =>\n note.id === variables.note.id\n ? { ...note, ...variables.note }\n : note\n )\n : old\n )\n\n queryClient.setQueryData(\n ['OfficeNotes', `${variables.note.patientId}`],\n old =>\n old.map(note =>\n note.id === variables.note.id\n ? { ...note, ...variables.note }\n : note\n )\n )\n\n return { previousProfileNotes }\n },\n onSuccess: () => {\n onOpenSnackbar('Note has been updated', 'success')\n },\n onError: (_error, variables, context) => {\n const queryKey = [\n 'profileNotes',\n baseURL,\n headers,\n String(variables.note.patientId),\n ]\n onOpenSnackbar('We could not update the note', 'error')\n queryClient.setQueryData(queryKey, context?.previousProfileNotes)\n },\n onSettled: (_data, error, variables) => {\n const queryKey = [\n 'profileNotes',\n baseURL,\n headers,\n String(variables.note.patientId),\n ]\n if (error) {\n queryClient.invalidateQueries({\n queryKey,\n })\n }\n },\n })\n\n const {\n mutateAsync: deleteProfileNote,\n isLoading: isDeletingProfileNote,\n isError: isDeletingProfileNoteError,\n } = useMutation({\n mutationKey: ['deleteProfileNote', baseURL, headers],\n mutationFn: async variables => {\n const res = await fetch(\n `${baseURL}/v2/rest/patients/${variables.note.patientId}/notes/${variables.note.id}`,\n {\n method: 'DELETE',\n headers,\n }\n )\n if (!res.ok) {\n throw new Error('We could not delete the note')\n }\n\n return res\n },\n onMutate: async variables => {\n const queryKey = [\n 'profileNotes',\n baseURL,\n headers,\n String(variables.note.patientId),\n ]\n\n await queryClient.cancelQueries(queryKey)\n\n const previousProfileNotes = queryClient.getQueryData(queryKey)\n\n queryClient.setQueryData(queryKey, old =>\n old ? old.filter(note => note.id !== variables.note.id) : old\n )\n\n queryClient.setQueryData(\n ['OfficeNotes', `${variables.note.patientId}`],\n old => old.filter(note => note.id !== variables.note.id)\n )\n\n return { previousProfileNotes }\n },\n onError: (_error, variables, context) => {\n const queryKey = [\n 'profileNotes',\n baseURL,\n headers,\n String(variables.note.patientId),\n ]\n\n onOpenSnackbar('We could not delete the note', 'error')\n queryClient.setQueryData(queryKey, context?.previousProfileNotes)\n },\n })\n\n return {\n profileNotes,\n isProfileNotesLoading,\n isProfileNotesError,\n createProfileNote,\n isCreatingProfileNote,\n isCreatingProfileNoteError,\n updateProfileNote,\n isUpdatingProfileNote,\n isUpdatingProfileNoteError,\n deleteProfileNote,\n isDeletingProfileNote,\n isDeletingProfileNoteError,\n }\n}\n\nexport default useProfileNotes\n","import React from 'react'\nimport styled from 'styled-components'\nimport { useParams } from 'react-router-dom'\nimport { format } from 'date-fns'\nimport { useTheme } from '@mui/material/styles'\nimport MoreIcon from '@mui/icons-material/MoreVert'\nimport BellIcon from '@mui/icons-material/Notifications'\nimport Typography from '@/v2/components/common/Typography'\nimport IconButton from '@/v2/components/common/IconButton'\nimport IconMenu from '@/v2/components/common/IconMenu'\nimport useModals from '@/v2/hooks/useModals'\nimport { getDateTimeWithoutTimezone } from '@/v2/utils/convert'\nimport { parseHtmlToString } from '@/v2/utils/helpers'\nimport { useProfileNotes } from '@/v2/hooks/useProfileNotes'\n\nconst Item = styled.div`\n display: flex;\n align-items: center;\n padding: 24px 26px;\n margin-top: 15px;\n border-radius: 3px;\n background: ${({ theme, $classification }) => theme[$classification].note};\n`\nconst Title = styled.div`\n flex: 1;\n opacity: ${({ $alerts }) => ($alerts ? '1' : '0.5')};\n`\n\nconst Note = ({ note }) => {\n const theme = useTheme()\n const { goTo } = useModals()\n const { id: patientId } = useParams()\n const { id, classification, annotation, createdAt, user, alerts } = note\n const date = getDateTimeWithoutTimezone(createdAt)\n const { deleteProfileNote, updateProfileNote } = useProfileNotes()\n\n const options = [\n {\n label: 'Edit',\n onClick: () =>\n goTo(`/v2/patient/${patientId}/notes/${note.id}`, {\n note,\n }),\n },\n {\n label: 'Remove',\n onClick: async () => {\n await deleteProfileNote({\n note: {\n id,\n patientId,\n },\n })\n },\n },\n ]\n\n const handleChangeAlert = async () =>\n updateProfileNote({\n note: {\n id: note.id,\n annotation: note.annotation,\n alerts: !alerts,\n patientId,\n },\n })\n\n return (\n
\n {onCancel && (\n \n Cancel\n \n )}\n \n Save\n \n
\n - \n
- \n {uploads?.length > 0 ? (\n uploads.map(upload => (\n
\n
\n ))}\n \n \n \n Contact info\n \n \n This phone number is not associated to patient records yet.\n \n \n \n If this number belongs to an existing patient please update the\n patient details so the contact info can update accordingly.\n \n \n
\n \n \n goTo(`/v2/patient/new`, {\n initialValues: { phone, conversationId },\n refetch: ['Conversations'],\n })\n }\n >\n New Patient\n \n goTo(`/v2/event/new`)}\n >\n New Appointment\n \n
\n \n setSelectedInsuranceIndex(index)}\n />\n \n
\n ))}\n\n \n setSelectedInsuranceIndex(-1)}\n />\n \n
\n\n {errors.form && (\n \n\n\n {signature && (\n\n {consentForm?.content || ''}\n \n
**** **** {card.last4}
\n\n
\n {state.classification !== 'installments'\n ? 'Keep in mind that for a single installment plan, the payment will need to be manually charged. Make sure to add a payment method later and charge it accordingly'\n : 'Please note that the first payment is required to be manually charged, so ensure you add a payment method and set up the remaining invoices to use this added method.'}\n
\n
\n The patient pays this invoice, and we save the payment method on the\n gateway for the subsequent invoices if had.\n