<\\/p>/gi, replaceWith);\n text = text.replace(/
\").join(\"\\n\");\n}\n\nexport const replaceAHref = (html, replaceWith = 'javascript:void(0);') => { // eslint-disable-line\n if (!html) return;\n return html.replace(/href=\"(.+?)\"/g, () => { return `href=\"${replaceWith}\"` });\n}\n\nexport const getTextAreaRows = (value) => {\n const numberOfReturns = value ? (value.match(/\\n/g) || []).length : 0;\n return (numberOfReturns + 1);\n}\n\nexport const getEmailDomainFromAddress = (emailAddress) => {\n if (!emailAddress) return null;\n\n const regex = /@([A-Za-z0-9-]+\\.[A-Za-z0-9-.]+)/;\n const match = emailAddress.match(regex);\n\n return match ? match[1].toLowerCase() : null;\n}\n\nexport const toTitleCase = (str) => {\n if (!str) return null;\n\n return str.toLowerCase().replace(/\\b\\w/g, (match) => {\n return match.toUpperCase();\n });\n}\n\nexport const removeEmptyProperties = (obj) => {\n for (const key in obj) {\n // Check if the property is an object itself\n if (typeof obj[key] === 'object' && obj[key] !== null) {\n // Recursively remove empty properties in the sub-object\n removeEmptyProperties(obj[key]);\n // If the sub-object is empty after removing empty properties, delete it\n if (Object.keys(obj[key]).length === 0) {\n delete obj[key];\n }\n } else {\n // Remove the property if it is empty\n if (obj[key] === null || obj[key] === undefined || obj[key] === '') {\n delete obj[key];\n }\n }\n }\n return obj;\n}\n\nexport const standardizePhoneNumber = (number) => {\n if (!number) return null;\n\n var phoneParts = number.toLowerCase().trim().split('x');\n var phoneNumber = phoneParts[0];\n var extension = phoneParts.length > 1 ? phoneParts[1] : null;\n\n var result = phoneNumber.replace('+', '').replace('-', '').replace('(', '').replace(')', '').replace(' ', '');\n\n if (!extension && result.startsWith('1') && result.length > 11) {\n extension = result.substring(11);\n result = result.substring(0, 11);\n }\n\n if (!extension && !result.startsWith('1') && result.length > 10) {\n extension = result.substring(10);\n result = result.substring(0, 10);\n }\n\n if (result.length === 10) {\n result = `+1${result}`;\n }\n else if (result.length === 11 && result.startsWith('1')) {\n result = `+${result}`;\n }\n\n if (!!extension && !/[a-zA-Z]/.test(extension) && extension.length <= 5) {\n result = `${result}x${extension}`;\n }\n\n return result;\n}\n\nexport const regexTester = {\n // eslint-disable-next-line\n phone: /(^[+]?\\d{1,2}[.-\\s]?)?(\\d{3}[.-]?){2}\\d{4}/,\n // eslint-disable-next-line\n email: /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/,\n // eslint-disable-next-line \n name: /^(?:(?![×Þß÷þø])[-'a-zÀ-ÿ ])+$/i,\n // eslint-disable-next-line \n date: /^\\d{4}-\\d{1,2}-\\d{1,2}$/,\n // eslint-disable-next-line \n postal: /^[ABCEGHJ-NPRSTVXY]\\d[ABCEGHJ-NPRSTV-Z][ -]?\\d[ABCEGHJ-NPRSTV-Z]\\d$/i,\n // eslint-disable-next-line \n ohipOld: /^[1-9]\\d{9}[Nn]?$/,\n // eslint-disable-next-line \n ohip: /^[1-9]\\d{9}[a-zA-Z]{2}$/,\n // eslint-disable-next-line \n ohipNoCode: /^[1-9]\\d{9}$/,\n // eslint-disable-next-line \n ohipCode: /^[a-zA-Z]{2}$/,\n // eslint-disable-next-line \n currency: /^\\$?[0-9]+\\.?[0-9]?[0-9]?$/,\n // eslint-disable-next-line \n discountRate: /^([1-9][0-9]?|^100)%$/,\n // eslint-disable-next-line \n html: /<\\/?[a-z][\\s\\S]*>/i,\n // eslint-disable-next-line \n timeSlot: /^([0-1]?[0-9]|2[0-3]):[0-5][0-9]:[0-5][0-9]$/i,\n // eslint-disable-next-line \n boolean: /^(true|false)$/i,\n}\n\nexport const regexMatch = {\n // eslint-disable-next-line \n streetNumberAndName: /^(.+)\\s(\\S+)$/i,\n}\n\nconst editDistance = (string1, string2) => {\n string1 = string1.toLowerCase();\n string2 = string2.toLowerCase();\n\n var costs = [];\n for (var i = 0; i <= string1.length; i++) {\n var lastValue = i;\n for (var j = 0; j <= string2.length; j++) {\n if (i === 0)\n costs[j] = j;\n else {\n if (j > 0) {\n var newValue = costs[j - 1];\n if (string1.charAt(i - 1) !== string2.charAt(j - 1))\n newValue = Math.min(Math.min(newValue, lastValue),\n costs[j]) + 1;\n costs[j - 1] = lastValue;\n lastValue = newValue;\n }\n }\n }\n if (i > 0)\n costs[string2.length] = lastValue;\n }\n return costs[string2.length];\n}\n\nconst getUnitShortFormat = (unit) => {\n if (!unit) return '';\n\n switch (unit.toLowerCase()) {\n case 'year':\n case 'years':\n return 'yr';\n\n case 'month':\n case 'months':\n return 'mo.';\n\n case 'week':\n case 'weeks':\n return 'wk';\n\n case 'day':\n return 'day';\n\n case 'days':\n return 'days';\n\n case 'hour':\n case 'hours':\n return 'hr';\n\n case 'minute':\n case 'minutes':\n return 'min';\n\n case 'second':\n case 'seconds':\n return 'sec';\n\n default:\n return unit;\n }\n}\n\nexport const parseReformatTime = (str) => {\n // this function is to parse and reformat (if necessary) user input time string to make it conform to hh:mm am|pm format.\n const regex1 = /^(\\d+)\\s*(am|pm)/i; // e.g. 9am => 9:00 am\n if (regex1.test(str)) {\n str = str.replace(regex1, \"$1:00 $2\");\n }\n const regex2 = /^(\\d+:\\d+)\\s*(am|pm)/i; // e.g. 9:00am => 9:00 am\n if (regex2.test(str)) {\n str = str.replace(regex2, \"$1 $2\");\n }\n\n // Check if the input matches the hh:mm a format\n const regex = /^([0-1]?\\d):([0-5]\\d) (am|pm)$/i;\n const match = regex.exec(str);\n if (match) {\n // Create a Date object with the current date and the input time\n const date = new Date();\n let hour = parseInt(match[1]);\n const minute = parseInt(match[2]);\n const period = match[3];\n // Convert 12-hour format to 24-hour format\n if (hour === 12) {\n hour = period.toLowerCase() === \"am\" ? 0 : 12;\n } else if (period.toLowerCase() === \"pm\") {\n hour += 12;\n }\n date.setHours(hour, minute);\n return date;\n } else {\n // Return null if the input is invalid\n return null;\n }\n};\n","import axios from 'axios';\nimport queryString from 'query-string';\nimport { appInsights } from './utilities/appInsights';\nimport * as rax from 'retry-axios';\nimport uuid from 'react-uuid';\n\nimport { AUTHORIZATION_KEY, AUTHORIZATION_TOKEN, ACCESS_TOKEN, CURRENT_USER } from './constants/storageKeys';\n\nimport * as fn from './utilities/_functions';\n\nconst apiInProgressRequests = []; // Tracks what api calls are in progress\nconst apiDuplicateRequests = []; // Tracks any duplicate calls\n\n// This checks whether or not an outstanding api request with the same params and source that was made within the last 5 seconds. \n// If so, this is a likely caused by rerendering, so don't make the same call to the backend again. Instead we track it, and once \n// the initial calls return, we also return the same response to the subsequent calls.\nconst trackInProgressRequest = (method, uri, optionObj, key, token, resolveCallback, rejectCallback) => {\n let id;\n let exist = false;\n const now = Date.now();\n const expiry = new Date(now + 5000).getTime(); // Only consider duplicate if there is the same call made within 5 seconds.\n const option = optionObj ? JSON.stringify(optionObj) : null;\n const stack = new Error().stack;\n const items = apiInProgressRequests.filter(a => // The duplicate match is pretty strict, it has the same HttpMethod, request uri, parameters, and call stack.\n a.method === method &&\n a.uri === uri &&\n a.option === option &&\n a.key === key &&\n a.token === token &&\n a.stack === stack\n );\n\n if (items != null && items.length > 0) {\n for (let i = 0; i < items.length; i++) {\n if (now > items[i].expiry) {\n removeInProgressRequests(items[i].id, items[i].uri);\n }\n else {\n exist = true;\n }\n }\n }\n\n if (!exist) {\n id = uuid();\n apiInProgressRequests.push({ id, method, uri, option, key, token, stack, expiry });\n }\n else {\n apiDuplicateRequests.push({ method, uri, option, key, token, expiry, resolveCallback, rejectCallback });\n }\n\n return id;\n}\n\n// When a call returns from the backend, it checks to see if there are any duplicate calls in queue. If so, return the same response to them.\n// This function also clean up any expired duplicate as well.\nconst resolveDuplicateRequests = (response, method, uri, optionObj, key, token) => {\n const now = Date.now();\n const option = optionObj ? JSON.stringify(optionObj) : null;\n const items = apiDuplicateRequests.filter(a =>\n a.method === method &&\n a.uri === uri &&\n a.option === option &&\n a.key === key &&\n a.token === token\n );\n const expiredDuplicateItems = apiDuplicateRequests.filter(a => now > a.expiry);\n\n if (items != null && items.length > 0) {\n for (let i = 0; i < items.length; i++) {\n if (fn.isFunction(items[i].resolveCallback)) {\n const responseClone = JSON.parse(JSON.stringify(response));\n items[i].resolveCallback(responseClone);\n }\n }\n\n for (let i = apiDuplicateRequests.length - 1; i >= 0; i--) {\n if (items.includes(apiDuplicateRequests[i])) {\n apiDuplicateRequests.splice(i, 1);\n }\n }\n }\n\n if (expiredDuplicateItems != null && expiredDuplicateItems.length > 0) {\n for (let ei = apiDuplicateRequests.length - 1; ei >= 0; ei--) {\n if (expiredDuplicateItems.includes(apiDuplicateRequests[ei])) {\n apiDuplicateRequests.splice(ei, 1);\n }\n }\n }\n}\n\n// When a call is rejected from the backend, it checks to see if there are any duplicate calls in queue. If so, reject them as well.\n// This function also clean up any expired duplicate as well.\nconst rejectDuplicateRequests = (error, method, uri, optionObj, key, token) => {\n const now = Date.now();\n const option = optionObj ? JSON.stringify(optionObj) : null;\n const items = apiDuplicateRequests.filter(a =>\n a.method === method &&\n a.uri === uri &&\n a.option === option &&\n a.key === key &&\n a.token === token\n );\n const expiredDuplicateItems = apiDuplicateRequests.filter(a => now > a.expiry);\n\n if (items != null && items.length > 0) {\n for (let i = 0; i < items.length; i++) {\n if (fn.isFunction(items[i].rejectCallback)) {\n const errorClone = JSON.parse(JSON.stringify(error));\n items[i].rejectCallback(errorClone);\n }\n }\n\n for (let i = apiDuplicateRequests.length - 1; i >= 0; i--) {\n if (items.includes(apiDuplicateRequests[i])) {\n apiDuplicateRequests.splice(i, 1);\n }\n }\n }\n\n if (expiredDuplicateItems != null && expiredDuplicateItems.length > 0) {\n for (let ei = apiDuplicateRequests.length - 1; ei >= 0; ei--) {\n if (expiredDuplicateItems.includes(apiDuplicateRequests[ei])) {\n apiDuplicateRequests.splice(ei, 1);\n }\n }\n }\n}\n\n// This is basically a clean up function. It gets call after a request is returned from the backend.\nconst removeInProgressRequests = (id, uri) => {\n const now = Date.now();\n const index = apiInProgressRequests.findIndex(a => a.id === id && a.uri === uri);\n const expiredInProgressItems = apiInProgressRequests.filter(a => now > a.expiry);\n\n if (index > -1) {\n apiInProgressRequests.splice(index, 1);\n }\n\n if (expiredInProgressItems != null && expiredInProgressItems.length > 0) {\n for (let ei = apiInProgressRequests.length - 1; ei >= 0; ei--) {\n if (expiredInProgressItems.includes(apiInProgressRequests[ei])) {\n apiInProgressRequests.splice(ei, 1);\n }\n }\n }\n}\n\nconst trackError = (client, uri, method, error, option, callback, key, token) => {\n const user = JSON.parse(window.localStorage.getItem(CURRENT_USER));\n\n if (error.response) {\n // The request was made and the server responded with a status code\n // that falls out of the range of 2xx\n console.log('Response data:', error.response.data);\n console.log('Response status:', error.response.status);\n console.log('Response headers:', error.response.headers);\n\n appInsights.trackEvent({\n name: 'ApiErrorResponse',\n properties: {\n reference: client && client.default ? client.default : '',\n user: user ? { emailAddress: user.emailAddress, fullName: user.fullName } : '',\n page: window.location.href,\n uri: uri,\n method: method,\n option: option,\n callback: callback,\n key: key,\n token: token,\n error: error && error.toString(),\n errorRequest: error && error.request ? error.request : '',\n errorResponse: error && error.response ? error.response : '',\n errorMessage: error && error.message ? error.message : '',\n errorConfig: error && error.config ? error.config : '',\n }\n });\n } else if (error.request) {\n // The request was made but no response was received\n // This happens for CORS errors among other things\n console.log('Request error:', error.request);\n if (error.message.includes('Network Error')) {\n\n console.log('CORS error: Likely a CORS policy issue or network error');\n\n appInsights.trackEvent({\n name: 'ApiError',\n properties: {\n reference: client && client.default ? client.default : '',\n user: user ? { emailAddress: user.emailAddress, fullName: user.fullName } : '',\n page: window.location.href,\n uri: uri,\n method: method,\n option: option,\n callback: callback,\n key: key,\n token: token,\n error: error && error.toString(),\n errorRequest: error && error.request ? error.request : '',\n errorMessage: error && error.message ? error.message : '',\n errorConfig: error && error.config ? error.config : '',\n }\n });\n }\n } else {\n // Something happened in setting up the request that triggered an Error\n console.log('Error message:', error.message);\n\n appInsights.trackEvent({\n name: 'ApiError',\n properties: {\n reference: client && client.default ? client.default : '',\n user: user ? { emailAddress: user.emailAddress, fullName: user.fullName } : '',\n page: window.location.href,\n uri: uri,\n method: method,\n option: option,\n callback: callback,\n key: key,\n token: token,\n error: error && error.toString(),\n errorMessage: error && error.message ? error.message : '',\n }\n });\n }\n}\n\nconst cleanObj = (obj) => {\n if (obj) {\n for (var propName in obj) {\n if (obj[propName] === null || obj[propName] === undefined) {\n delete obj[propName];\n }\n }\n }\n return obj;\n}\n\nconst getConfig = (key, token) => {\n const accessToken = window.localStorage.getItem(ACCESS_TOKEN);\n const authorizationKey = key ? key : window.localStorage.getItem(AUTHORIZATION_KEY);\n const authorizationToken = token ? token : window.localStorage.getItem(AUTHORIZATION_TOKEN);\n let config = {\n baseURL: `${process.env.REACT_APP_APP_API_PROTOCOL}://${process.env.REACT_APP_APP_API_DOMAIN}`,\n timeout: process.env.REACT_APP_APP_API_TIMEOUT,\n headers: {},\n referrerPolicy: 'origin-when-cross-origin',\n };\n\n if (accessToken) {\n config.headers.authorization = `Bearer ${accessToken}`;\n }\n\n if (authorizationKey && authorizationToken) {\n config.headers.__GKIKY__ = authorizationKey;\n config.headers.__GKITN__ = authorizationToken;\n }\n\n config.headers.__GKIURL__ = window.location.href;\n\n return config;\n};\n\nconst api = {\n get: (uri, cancelCallback) => {\n const client = axios.create(getConfig());\n const CancelToken = axios.CancelToken;\n\n client.defaults.raxConfig = { retry: 1, retryDelay: 1000, instance: client, backoffType: 'exponential' };\n rax.attach(client);\n\n const request = new Promise((resolve, reject) => {\n const id = trackInProgressRequest('GET', uri, null, null, null, (r) => { resolve(r); }, (err) => { reject(err); });\n\n if (id) {\n client.get(uri, {\n cancelToken: fn.isFunction(cancelCallback) ? new CancelToken(\n function executor(c) {\n cancelCallback(c);\n }) : null\n })\n .then(response => {\n resolve(response);\n resolveDuplicateRequests(response, 'GET', uri, null, null, null);\n })\n .catch(error => {\n if (!axios.isCancel(error)) {\n trackError(client, uri, 'GET', error, null, cancelCallback);\n reject(error);\n rejectDuplicateRequests(error, 'GET', uri, null, null, null);\n }\n })\n .finally(() => {\n removeInProgressRequests(id, uri);\n })\n }\n });\n\n return request;\n },\n post: (uri, option, cancelCallback, key, token) => {\n const client = axios.create(getConfig(key, token));\n const CancelToken = axios.CancelToken;\n const cleanedOption = cleanObj(option);\n\n client.defaults.raxConfig = { retry: 1, retryDelay: 1000, instance: client, backoffType: 'exponential' };\n rax.attach(client);\n\n const request = new Promise((resolve, reject) => {\n const id = trackInProgressRequest('POST', uri, cleanedOption, key, token, (r) => { resolve(r); }, (err) => { reject(err); });\n\n if (id) {\n client.post(uri, cleanedOption, {\n cancelToken: fn.isFunction(cancelCallback) ? new CancelToken(\n function executor(c) {\n cancelCallback(c);\n }) : null\n })\n .then(response => {\n resolve(response);\n resolveDuplicateRequests(response, 'POST', uri, cleanedOption, key, token);\n })\n .catch(error => {\n if (!axios.isCancel(error)) {\n trackError(client, uri, 'POST', error, cleanedOption, cancelCallback, key, token);\n reject(error);\n rejectDuplicateRequests(error, 'POST', uri, cleanedOption, key, token);\n }\n })\n .finally(() => {\n removeInProgressRequests(id, uri);\n })\n }\n });\n\n return request;\n },\n put: (uri, option, cancelCallback, key, token) => {\n const client = axios.create(getConfig(key, token));\n const CancelToken = axios.CancelToken;\n const cleanedOption = cleanObj(option);\n\n client.defaults.raxConfig = { retry: 1, retryDelay: 1000, instance: client, backoffType: 'exponential' };\n rax.attach(client);\n\n const request = new Promise((resolve, reject) => {\n const id = trackInProgressRequest('PUT', uri, cleanedOption, key, token, (r) => { resolve(r); }, (err) => { reject(err); });\n\n if (id) {\n client.put(uri, cleanedOption, {\n cancelToken: fn.isFunction(cancelCallback) ? new CancelToken(\n function executor(c) {\n cancelCallback(c);\n }) : null\n })\n .then(response => {\n resolve(response);\n resolveDuplicateRequests(response, 'PUT', uri, cleanedOption, key, token);\n })\n .catch(error => {\n if (!axios.isCancel(error)) {\n trackError(client, uri, 'PUT', error, cleanedOption, cancelCallback, key, token);\n reject(error);\n rejectDuplicateRequests(error, 'PUT', uri, cleanedOption, key, token);\n }\n })\n .finally(() => {\n removeInProgressRequests(id, uri);\n })\n }\n else {\n reject('Request in progress.');\n }\n });\n\n return request;\n },\n delete: (uri, option, cancelCallback) => {\n const client = axios.create(getConfig());\n const CancelToken = axios.CancelToken;\n const cleanedOption = cleanObj(option);\n\n client.defaults.raxConfig = { retry: 1, retryDelay: 1000, instance: client, backoffType: 'exponential' };\n rax.attach(client);\n\n if (cleanedOption) {\n return new Promise((resolve, reject) => {\n const id1 = trackInProgressRequest('DELETE', uri, cleanedOption, null, null, (r) => { resolve(r); }, (err) => { reject(err); });\n if (id1) {\n client.delete(uri, {\n data: cleanedOption,\n cancelToken: fn.isFunction(cancelCallback) ? new CancelToken(\n function executor(c) {\n cancelCallback(c);\n }) : null\n })\n .then(response => {\n resolve(response);\n resolveDuplicateRequests(response, 'DELETE', uri, cleanedOption, null, null);\n })\n .catch(error => {\n if (!axios.isCancel(error)) {\n trackError(client, uri, 'DELETE', error, cleanedOption, cancelCallback);\n reject(error);\n rejectDuplicateRequests(error, 'DELETE', uri, cleanedOption, null, null);\n }\n })\n .finally(() => {\n removeInProgressRequests(id1, uri);\n })\n }\n else {\n reject('Request in progress.');\n }\n });\n } else {\n return new Promise((resolve, reject) => {\n const id2 = trackInProgressRequest('DELETE', uri, cleanedOption, null, null, (r) => { resolve(r); }, (err) => { reject(err); });\n if (id2) {\n client.delete(uri, {\n cancelToken: fn.isFunction(cancelCallback) ? new CancelToken(\n function executor(c) {\n cancelCallback(c);\n }) : null\n })\n .then(response => {\n resolve(response);\n resolveDuplicateRequests(response, 'DELETE', uri, cleanedOption, null, null);\n })\n .catch(error => {\n if (!axios.isCancel(error)) {\n trackError(client, uri, 'DELETE', error, cleanedOption, cancelCallback);\n reject(error);\n rejectDuplicateRequests(error, 'DELETE', uri, cleanedOption, null, null);\n }\n })\n .finally(() => {\n removeInProgressRequests(id2, uri);\n })\n }\n else {\n reject('Request in progress.');\n }\n });\n }\n },\n file: (uri, cancelCallback) => {\n let config = getConfig();\n\n config.responseType = 'blob';\n config.timeout = 0;\n\n const client = axios.create(config);\n const CancelToken = axios.CancelToken;\n\n client.defaults.raxConfig = { retry: 1, retryDelay: 1000, instance: client, backoffType: 'exponential' };\n rax.attach(client);\n\n const request = new Promise((resolve, reject) => {\n client.get(uri, {\n cancelToken: fn.isFunction(cancelCallback) ? new CancelToken(\n function executor(c) {\n cancelCallback(c);\n }) : null\n })\n .then(response => {\n resolve(response);\n })\n .catch(error => {\n if (!axios.isCancel(error)) {\n trackError(client, uri, 'GET', error, null, cancelCallback);\n reject(error);\n }\n })\n });\n\n return request;\n }\n}\n\nconst Authorize = {\n start: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_AUTHORIZE_API_URI}`, option, cancelCallback);\n },\n switch: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_AUTHORIZE_API_URI}/switch`, option, cancelCallback);\n },\n verify: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_AUTHORIZE_API_URI}/verify`, option, cancelCallback);\n },\n updatePassword: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_AUTHORIZE_API_URI}/update-password`, option, cancelCallback);\n },\n updatePin: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_AUTHORIZE_API_URI}/update-pin`, option, cancelCallback);\n },\n failover: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_AUTHORIZE_API_URI}/failover`, option, cancelCallback);\n },\n}\n\nconst TenantUsers = {\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_TENANT_USER_SEARCH_API_URI}`, option, cancelCallback);\n },\n}\n\nconst OrganizationUsers = {\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_TENANT_USER_SEARCH_API_URI}`, option, cancelCallback);\n },\n}\n\nconst Users = {\n get: (id, full, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_USERS_API_URI}/${id}${!!full ? '?full=true' : ''}`, cancelCallback);\n },\n getForAdmin: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_USERS_API_URI}/${id || '_'}/for-admin`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_USERS_API_URI}`, option, cancelCallback);\n },\n updateProfile: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_USERS_API_URI}/${id}`, option, cancelCallback);\n },\n updateRoles: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_USERS_API_URI}/${id}/roles`, option, cancelCallback);\n },\n updateTenants: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_USERS_API_URI}/${id}/tenants`, option, cancelCallback);\n },\n updatePassword: (id, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_USERS_API_URI}/${id}/update-password`, option, cancelCallback);\n },\n delete: (id, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_USERS_API_URI}/${id}`, null, cancelCallback);\n },\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_USERS_API_URI}`, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_USER_SEARCH_API_URI}`, option, cancelCallback);\n },\n tenants: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_USERS_API_URI}/${id}/tenants`, cancelCallback);\n },\n}\n\nconst Groups = {\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_GROUPS_API_URI}`, cancelCallback);\n },\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_GROUPS_API_URI}/${id}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_GROUPS_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_GROUPS_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_GROUPS_API_URI}/${id}`, null, cancelCallback);\n }\n}\nconst Settings = {\n all: (userId, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_SETTINGS_API_URI}/${userId}`, cancelCallback);\n },\n get: (userId, key, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_SETTINGS_API_URI}/${userId}?key=${key}`, cancelCallback);\n },\n save: (userId, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_SETTINGS_API_URI}/${userId}`, option, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_SETTING_SEARCH_API_URI}`, option, cancelCallback);\n },\n}\n\nconst Appointments = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_APPOINTMENTS_API_URI}/${id}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_APPOINTMENTS_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_APPOINTMENTS_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, option, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_APPOINTMENTS_API_URI}/${id}`, option, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_APPOINTMENT_SEARCH_API_URI}`, option, cancelCallback);\n },\n status: (id, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_APPOINTMENTS_API_URI}/${id}/status`, option, cancelCallback);\n },\n confirm: (key, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_APPOINTMENT_CONFIRM_API_URI}/?key=${encodeURIComponent(key)}`, cancelCallback);\n },\n conflict: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_APPOINTMENT_VALIDATION_API_URI}/conflict`, option, cancelCallback);\n },\n}\n\nconst GroupAppointments = {\n get: (groupId, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_GROUP_APPOINTMENTS_API_URI}/${groupId}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_GROUP_APPOINTMENTS_API_URI}`, option, cancelCallback);\n },\n update: (groupId, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_GROUP_APPOINTMENTS_API_URI}/${groupId}`, option, cancelCallback);\n },\n delete: (groupId, option, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_GROUP_APPOINTMENTS_API_URI}/${groupId}`, option, cancelCallback);\n },\n status: (groupId, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_GROUP_APPOINTMENTS_API_URI}/${groupId}/status`, option, cancelCallback);\n },\n}\n\nconst Customers = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_CUSTOMERS_API_URI}/${id}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_CUSTOMERS_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_CUSTOMERS_API_URI}/${id}`, option, cancelCallback);\n },\n deactivate: (id, option, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_CUSTOMERS_API_URI}/${id}`, option, cancelCallback);\n },\n reactivate: (id, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_CUSTOMERS_API_URI}/${id}/reactivate`, option, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_CUSTOMER_SEARCH_API_URI}`, option, cancelCallback);\n },\n fullSearch: (term, includeDeactivated = false, includeSystemCustomer = false, limit = -1, offset = -1, showFullDetail = false, showAll = false, showResult = true, showCount = false, exclude = null, cancelCallback = null) => {\n const qs = queryString.stringify({\n term: term,\n includeDeactivated: includeDeactivated,\n includeSystemCustomer: includeSystemCustomer,\n limit: limit,\n offset: offset,\n showFullDetail: showFullDetail,\n showAll: showAll,\n showResult: showResult,\n showCount: showCount,\n exclude: (exclude && Array.isArray(exclude) && exclude.length > 0 ? exclude.join(',') : null),\n });\n return api.get(`${process.env.REACT_APP_CUSTOMER_SEARCH_API_URI}/${encodeURIComponent(term)}${qs ? `?${qs}` : ''}`, cancelCallback);\n },\n list: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_CUSTOMER_LIST_API_URI}`, option, cancelCallback);\n },\n healthCard: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_HEALTH_CARD_API_URI}/`, option, cancelCallback);\n },\n storeCreditTransfer: (id, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_CUSTOMERS_API_URI}/${id}/store-credit-transfer`, option, cancelCallback);\n },\n exportList: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_CUSTOMER_LIST_API_URI}/export`, option, cancelCallback);\n }\n}\n\nconst Resources = {\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_RESOURCES_API_URI}`, cancelCallback);\n }\n}\n\nconst Services = {\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_SERVICES_API_URI}`, option, cancelCallback);\n },\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_SERVICES_API_URI}/${id}`, cancelCallback);\n },\n all: (includeDeactivated, cancelCallback) => {\n const qs = queryString.stringify({\n includeDeactivated: includeDeactivated,\n });\n return api.get(`${process.env.REACT_APP_SERVICES_API_URI}${qs ? `?${qs}` : ''}`, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_SERVICE_SEARCH_API_URI}`, option, cancelCallback);\n },\n fullSearch: (term, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_SERVICE_SEARCH_API_URI}/${encodeURIComponent(term)}`, cancelCallback);\n },\n delete: (id, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_SERVICES_API_URI}/${id}`, null, cancelCallback);\n },\n updateTimelineItems: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_SERVICES_API_URI}/${id}/update-timeline-items`, option, cancelCallback);\n },\n}\n\nconst TimelineItems = {\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_TIMELINE_ITEM_API_URI}`, cancelCallback);\n },\n}\n\nconst ServiceAttributes = {\n fullSearch: (term, limit, offset, cancelCallback) => {\n const qs = queryString.stringify({\n term: term,\n limit: limit,\n offset: offset\n });\n return api.get(`${process.env.REACT_APP_SERVICE_ATTRIBUTES_SEARCH_API_URI}/${encodeURI(term)}${qs ? `?${qs}` : ''}`, cancelCallback);\n },\n // id here Service.\"Id\", not ServiceAttributes.\"Id\". If ServiceAttributes does not exist for this service id, return the Service entity instead\n getForUpdate: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_SERVICE_ATTRIBUTES_API_URI}/${id}/for-update`, cancelCallback);\n },\n getForReload: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_SERVICE_ATTRIBUTES_API_URI}/${id}/for-reload`, cancelCallback);\n },\n update: (id, data, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_SERVICE_ATTRIBUTES_API_URI}/${id}`, data, cancelCallback);\n },\n deletePending: (id, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_SERVICE_ATTRIBUTES_API_URI}/${id}/pending`, null, cancelCallback);\n },\n}\n\nconst ServiceUserOverrides = {\n // id here Service.\"Id\", not ServiceOverrides.\"Id\"\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_SERVICE_USER_OVERRIDES_API_URI}/${id}`, cancelCallback);\n },\n update: (id, data, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_SERVICE_USER_OVERRIDES_API_URI}/${id}`, data, cancelCallback);\n },\n}\n\nconst ServiceEligibility = {\n check: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_SERVICE_ELIGIBILITY_API_URI}`, option, cancelCallback);\n },\n}\n\nconst ReferenceData = {\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_REFERENCE_DATA_API_URI}`, cancelCallback);\n }\n}\n\nconst EntityAlerts = {\n all: (entityType, entityId, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_ENTITY_ALERT_API_URI}/${entityType}/${entityId}`, cancelCallback);\n },\n hide: (id, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_ENTITY_ALERT_API_URI}/${id}/hide`, null, cancelCallback);\n },\n}\n\nconst ExamDatasetGroups = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_EXAM_DATASET_GROUPS_API_URI}/${id}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_EXAM_DATASET_GROUPS_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_EXAM_DATASET_GROUPS_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_EXAM_DATASET_GROUPS_API_URI}/${id}`, null, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_EXAM_DATASET_GROUP_SEARCH_API_URI}`, option, cancelCallback);\n },\n}\n\nconst ExamDatasets = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_EXAM_DATASETS_API_URI}/${id}`, cancelCallback);\n },\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_EXAM_DATASETS_API_URI}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_EXAM_DATASETS_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_EXAM_DATASETS_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, option, cancelCallback) => {\n if (id) {\n return api.delete(`${process.env.REACT_APP_EXAM_DATASETS_API_URI}`, { ids: [id] }, cancelCallback);\n }\n else if (option) {\n return api.delete(`${process.env.REACT_APP_EXAM_DATASETS_API_URI}`, option, cancelCallback);\n }\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_EXAM_DATASET_SEARCH_API_URI}`, option, cancelCallback);\n },\n fullSearch: (term, limit, offset, count, cancelCallback) => {\n const qs = queryString.stringify({\n term: term,\n limit: limit,\n offset: offset,\n count: count,\n });\n return api.get(`${process.env.REACT_APP_EXAM_DATASET_SEARCH_API_URI}/${encodeURIComponent(term)}${qs ? `?${qs}` : ''}`, cancelCallback);\n }\n}\n\nconst ExamDatasetCategories = {\n all: (examDatasetGroupId, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_EXAM_DATASET_CATEGORIES_API_URI}/${examDatasetGroupId}`, cancelCallback);\n }\n}\n\nconst ReferralTenantExamDatasetGroups = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_REFERRAL_TENANT_EXAM_DATASET_GROUPS_API_URI}/${id}`, cancelCallback);\n },\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_REFERRAL_TENANT_EXAM_DATASET_GROUPS_API_URI}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REFERRAL_TENANT_EXAM_DATASET_GROUPS_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_REFERRAL_TENANT_EXAM_DATASET_GROUPS_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_REFERRAL_TENANT_EXAM_DATASET_GROUPS_API_URI}/${id}`, null, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REFERRAL_TENANT_EXAM_DATASET_GROUP_SEARCH_API_URI}`, option, cancelCallback);\n },\n}\n\nconst ReferralUserExamDatasetGroups = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_REFERRAL_USER_EXAM_DATASET_GROUPS_API_URI}/${id}`, cancelCallback);\n },\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_REFERRAL_USER_EXAM_DATASET_GROUPS_API_URI}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REFERRAL_USER_EXAM_DATASET_GROUPS_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_REFERRAL_USER_EXAM_DATASET_GROUPS_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_REFERRAL_USER_EXAM_DATASET_GROUPS_API_URI}/${id}`, null, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REFERRAL_USER_EXAM_DATASET_GROUP_SEARCH_API_URI}`, option, cancelCallback);\n },\n}\n\nconst ReferralTemplates = {\n get: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_REFERRAL_TEMPLATES_API_URI}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REFERRAL_TEMPLATES_API_URI}`, option, cancelCallback);\n },\n update: (option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_REFERRAL_TEMPLATES_API_URI}`, option, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REFERRAL_TEMPLATE_SEARCH_API_URI}`, option, cancelCallback);\n },\n}\n\nconst ReferralPublishedTemplates = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_REFERRAL_PUBLISHED_TEMPLATES_API_URI}/${id}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REFERRAL_PUBLISHED_TEMPLATES_API_URI}`, option, cancelCallback);\n },\n}\n\nconst Referrals = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_REFERRALS_API_URI}/${id}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REFERRALS_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_REFERRALS_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_REFERRALS_API_URI}/${id}`, null, cancelCallback);\n },\n complete: (id, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REFERRALS_API_URI}/${id}/complete`, option, cancelCallback);\n },\n sign: (id, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REFERRALS_API_URI}/${id}/sign`, null, cancelCallback);\n },\n unSign: (id, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REFERRALS_API_URI}/${id}/un-sign`, null, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REFERRAL_SEARCH_API_URI}`, option, cancelCallback);\n },\n}\n\nconst ReferralAppointments = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_REFERRAL_APPOINTMENTS_API_URI}/${id}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REFERRAL_APPOINTMENTS_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_REFERRAL_APPOINTMENTS_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_REFERRAL_APPOINTMENTS_API_URI}/${id}`, null, cancelCallback);\n },\n manual: (id, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REFERRAL_APPOINTMENTS_API_URI}/${id}/manual`, null, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REFERRAL_APPOINTMENT_SEARCH_API_URI}`, option, cancelCallback);\n },\n list: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REFERRAL_APPOINTMENT_LIST_API_URI}`, option, cancelCallback);\n },\n}\n\nconst MedicalReportTenantExamDatasetGroups = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_MEDICAL_REPORT_TENANT_EXAM_DATASET_GROUPS_API_URI}/${id}`, cancelCallback);\n },\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_MEDICAL_REPORT_TENANT_EXAM_DATASET_GROUPS_API_URI}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_MEDICAL_REPORT_TENANT_EXAM_DATASET_GROUPS_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_MEDICAL_REPORT_TENANT_EXAM_DATASET_GROUPS_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_MEDICAL_REPORT_TENANT_EXAM_DATASET_GROUPS_API_URI}/${id}`, null, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_MEDICAL_REPORT_TENANT_EXAM_DATASET_GROUP_SEARCH_API_URI}`, option, cancelCallback);\n },\n}\n\nconst MedicalReportUserExamDatasetGroups = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_MEDICAL_REPORT_USER_EXAM_DATASET_GROUPS_API_URI}/${id}`, cancelCallback);\n },\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_MEDICAL_REPORT_USER_EXAM_DATASET_GROUPS_API_URI}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_MEDICAL_REPORT_USER_EXAM_DATASET_GROUPS_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_MEDICAL_REPORT_USER_EXAM_DATASET_GROUPS_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_MEDICAL_REPORT_USER_EXAM_DATASET_GROUPS_API_URI}/${id}`, null, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_MEDICAL_REPORT_USER_EXAM_DATASET_GROUP_SEARCH_API_URI}`, option, cancelCallback);\n },\n}\n\nconst MedicalReportTemplates = {\n get: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_MEDICAL_REPORT_TEMPLATES_API_URI}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_MEDICAL_REPORT_TEMPLATES_API_URI}`, option, cancelCallback);\n },\n update: (option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_MEDICAL_REPORT_TEMPLATES_API_URI}`, option, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_MEDICAL_REPORT_TEMPLATE_SEARCH_API_URI}`, option, cancelCallback);\n },\n}\n\nconst MedicalReportPublishedTemplates = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_MEDICAL_REPORT_PUBLISHED_TEMPLATES_API_URI}/${id}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_MEDICAL_REPORT_PUBLISHED_TEMPLATES_API_URI}`, option, cancelCallback);\n },\n}\n\nconst MedicalReports = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_MEDICAL_REPORTS_API_URI}/${id}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_MEDICAL_REPORTS_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_MEDICAL_REPORTS_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_MEDICAL_REPORTS_API_URI}/${id}`, null, cancelCallback);\n },\n complete: (id, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_MEDICAL_REPORTS_API_URI}/${id}/complete`, option, cancelCallback);\n },\n sign: (id, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_MEDICAL_REPORTS_API_URI}/${id}/sign`, null, cancelCallback);\n },\n unSign: (id, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_MEDICAL_REPORTS_API_URI}/${id}/un-sign`, null, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_MEDICAL_REPORT_SEARCH_API_URI}`, option, cancelCallback);\n },\n}\n\nconst MedicalReportResponses = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_MEDICAL_REPORT_RESPONSES_API_URI}/${id}`, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_MEDICAL_REPORT_RESPONSES_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_MEDICAL_REPORT_RESPONSES_API_URI}/${id}`, null, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_MEDICAL_REPORT_RESPONSE_SEARCH_API_URI}`, option, cancelCallback);\n },\n}\n\nconst Notes = {\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_NOTES_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_NOTES_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_NOTES_API_URI}/${id}`, null, cancelCallback);\n },\n pin: (id, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_NOTES_API_URI}/${id}/pin`, option, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_NOTE_SEARCH_API_URI}`, option, cancelCallback);\n },\n}\n\nconst Schedules = {\n get: (start, end, userId, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_SCHEDULES_API_URI}/${start}/${end}${(userId ? `/${userId}` : '')}`, cancelCallback);\n },\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_SCHEDULES_API_URI}`, cancelCallback);\n },\n conflict: (option, cancelCallback) => {\n option.detectConflict = true;\n return api.post(`${process.env.REACT_APP_SCHEDULES_API_URI}`, option, cancelCallback)\n },\n save: (option, cancelCallback) => {\n option.detectConflict = false;\n return api.post(`${process.env.REACT_APP_SCHEDULES_API_URI}`, option, cancelCallback)\n },\n delete: (option, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_SCHEDULES_API_URI}`, option, cancelCallback);\n }\n}\n\nconst TimeslotSchedules = {\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_TIMESLOT_SCHEDULES_API_URI}`, cancelCallback);\n },\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_TIMESLOT_SCHEDULES_API_URI}/${id}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_TIMESLOT_SCHEDULES_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_TIMESLOT_SCHEDULES_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_TIMESLOT_SCHEDULES_API_URI}/${id}`, null, cancelCallback);\n },\n clone: (dayOfWeek, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_TIMESLOT_SCHEDULES_API_URI}/${dayOfWeek}/clone`, option, cancelCallback)\n }\n}\n\nconst BusinessHours = {\n get: (start, end, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_BUSINESS_HOURS_API_URI}/${start}/${end}`, cancelCallback);\n },\n save: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_BUSINESS_HOURS_API_URI}`, option, cancelCallback);\n },\n}\n\nconst BusinessSchedules = {\n get: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_BUSINESS_SCHEDULES_API_URI}`, cancelCallback);\n },\n save: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_BUSINESS_SCHEDULES_API_URI}`, option, cancelCallback);\n },\n}\n\nconst BusinessDays = {\n get: (date, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_BUSINESS_DAYS_API_URI}/${date}`, cancelCallback);\n },\n save: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_BUSINESS_DAYS_API_URI}`, option, cancelCallback);\n },\n delete: (date, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_BUSINESS_DAYS_API_URI}/${date}`, null, cancelCallback);\n },\n}\n\nconst CustomerRelationships = {\n get: (customerId, loadProperties, includeDeceased, cancelCallback) => {\n const qs = queryString.stringify({\n loadProperties: loadProperties,\n includeDeceased: includeDeceased,\n });\n return api.get(`${process.env.REACT_APP_CUSTOMER_RELATIONSHIP_API_URI}/${customerId}${qs && qs.toString() ? `?${qs.toString()}` : ''}`, cancelCallback);\n },\n suggestions: (customerId, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_CUSTOMER_RELATIONSHIP_API_URI}/${customerId}/suggestions`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_CUSTOMER_RELATIONSHIP_API_URI}`, option, cancelCallback);\n },\n delete: (option, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_CUSTOMER_RELATIONSHIP_API_URI}`, option, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_CUSTOMER_RELATIONSHIP_SEARCH_API_URI}`, option, cancelCallback);\n },\n}\n\nconst Exams = {\n get: (id, loadAttributes, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_EXAMS_API_URI}/${id}${loadAttributes ? `?loadAttributes=${loadAttributes === true ? 'true' : 'false'}` : ''}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_EXAMS_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_EXAMS_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, option, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_EXAMS_API_URI}/${id}`, option, cancelCallback);\n },\n upload: (id, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_EXAMS_API_URI}/${id}/upload`, option, cancelCallback);\n },\n download: (id, option, cancelCallback) => {\n const qs = queryString.stringify({\n fileName: option.fileName,\n guid: option.id,\n });\n return api.file(`${process.env.REACT_APP_EXAMS_API_URI}/${id}/download${qs ? `?${qs}` : ''}`, option, cancelCallback);\n },\n complete: (id, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_EXAMS_API_URI}/${id}/complete`, option, cancelCallback);\n },\n reopen: (id, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_EXAMS_API_URI}/${id}/reopen`, option, cancelCallback);\n },\n prefill: (id, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_EXAMS_API_URI}/${id}/prefill`, option, cancelCallback);\n },\n submitPublicInsurance: (id, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_EXAMS_API_URI}/${id}/submit-public-insurance`, null, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_EXAM_SEARCH_API_URI}`, option, cancelCallback);\n },\n previous: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_EXAM_SEARCH_API_URI}/previous`, option, cancelCallback);\n },\n templates: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_EXAM_SEARCH_API_URI}/templates`, option, cancelCallback);\n },\n}\n\nconst PredefinedData = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_EXAM_PREDEFINED_DATA_API_URI}/${id}`, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_EXAM_PREDEFINED_DATA_SEARCH_API_URI}`, option, cancelCallback);\n }\n}\n\nconst Products = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PRODUCTS_API_URI}/${id}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PRODUCTS_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_PRODUCTS_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_PRODUCTS_API_URI}/${id}`, null, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PRODUCT_SEARCH_API_URI}`, option, cancelCallback);\n },\n fullSearch: (term, limit, offset, showAll, showResult, showCount, typeId, display, cancelCallback) => {\n const qs = queryString.stringify({\n term: term,\n limit: limit,\n offset: offset,\n showAll: showAll,\n showCount: showCount,\n showResult: showResult,\n typeId: typeId,\n display: display,\n });\n return api.get(`${process.env.REACT_APP_PRODUCT_SEARCH_API_URI}/${encodeURIComponent(term)}${qs ? `?${qs}` : ''}`, cancelCallback);\n },\n}\n\nconst ProductOptions = {\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PRODUCT_OPTIONS_API_URI}`, cancelCallback);\n }\n}\n\nconst ProductTypes = {\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PRODUCT_TYPES_API_URI}`, cancelCallback);\n },\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PRODUCT_TYPES_API_URI}/${id}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PRODUCT_TYPES_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_PRODUCT_TYPES_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_PRODUCT_TYPES_API_URI}/${id}`, null, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PRODUCT_TYPE_SEARCH_API_URI}`, option, cancelCallback);\n },\n brandCounts: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PRODUCT_TYPE_SEARCH_API_URI}/brand-counts`, option, cancelCallback);\n },\n}\n\nconst ProductBrands = {\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PRODUCT_BRANDS_API_URI}`, cancelCallback);\n },\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PRODUCT_BRANDS_API_URI}${id ? `/${id}` : ''}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PRODUCT_BRANDS_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_PRODUCT_BRANDS_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_PRODUCT_BRANDS_API_URI}/${id}`, null, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PRODUCT_BRAND_SEARCH_API_URI}`, option, cancelCallback);\n },\n}\n\nconst ProductSuppliers = {\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PRODUCT_SUPPLIERS_API_URI}`, cancelCallback);\n },\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PRODUCT_SUPPLIERS_API_URI}${id ? `/${id}` : ''}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PRODUCT_SUPPLIERS_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_PRODUCT_SUPPLIERS_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_PRODUCT_SUPPLIERS_API_URI}/${id}`, null, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PRODUCT_SUPPLIER_SEARCH_API_URI}`, option, cancelCallback);\n },\n}\n\nconst Inventory = {\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_INVENTORY_SEARCH_API_URI}`, option, cancelCallback);\n },\n fullSearch: (term, limit, offset, showAll, showResult, showCount, typeId, inventory, isInStockOnly, cancelCallback) => {\n const qs = queryString.stringify({\n term: term,\n limit: limit,\n offset: offset,\n showAll: showAll,\n showCount: showCount,\n showResult: showResult,\n typeId: typeId,\n inventory: inventory,\n isInStockOnly: isInStockOnly,\n });\n return api.get(`${process.env.REACT_APP_INVENTORY_SEARCH_API_URI}/${encodeURIComponent(term)}${qs ? `?${qs}` : ''}`, cancelCallback);\n },\n list: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_INVENTORY_LIST_API_URI}`, option, cancelCallback);\n },\n exportList: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_INVENTORY_LIST_API_URI}/export`, option, cancelCallback);\n },\n}\n\nconst Purchases = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PURCHASES_API_URI}/${id}`, cancelCallback);\n },\n start: (customerId, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PURCHASES_API_URI}`, { customerId }, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PURCHASES_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_PURCHASES_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_PURCHASES_API_URI}/${id}`, null, cancelCallback);\n },\n complete: (id, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PURCHASES_API_URI}/${id}/complete`, null, cancelCallback);\n },\n refund: (id, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PURCHASES_API_URI}/${id}/refund`, option, cancelCallback);\n },\n void: (id, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PURCHASES_API_URI}/${id}/void`, option, cancelCallback);\n },\n noCharge: (id, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PURCHASES_API_URI}/${id}/no-charge`, option, cancelCallback);\n },\n uncollectible: (id, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PURCHASES_API_URI}/${id}/uncollectible`, option, cancelCallback);\n },\n updateCost: (id, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PURCHASES_API_URI}/${id}/update-cost`, option, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PURCHASE_SEARCH_API_URI}`, option, cancelCallback);\n },\n list: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PURCHASE_LIST_API_URI}`, option, cancelCallback);\n },\n exportList: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PURCHASE_LIST_API_URI}/export`, option, cancelCallback);\n },\n}\n\nconst TaxRates = {\n get: (date, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_TAX_RATES_API_URI}/${date}`, cancelCallback);\n },\n}\n\nconst WorkOrders = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_WORK_ORDERS_API_URI}/${id}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_WORK_ORDERS_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_WORK_ORDERS_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, option, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_WORK_ORDERS_API_URI}/${id}`, option, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_WORK_ORDER_SEARCH_API_URI}`, option, cancelCallback);\n },\n fullSearch: (term, limit, offset, showAll, showResult, showCount, cancelCallback) => {\n const qs = queryString.stringify({\n term: term,\n limit: limit,\n offset: offset,\n showAll: showAll,\n showCount: showCount,\n showResult: showResult,\n });\n return api.get(`${process.env.REACT_APP_WORK_ORDER_SEARCH_API_URI}/${encodeURIComponent(term)}${qs ? `?${qs}` : ''}`, cancelCallback);\n },\n link: (id, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_WORK_ORDERS_API_URI}/${id}/link`, option, cancelCallback);\n },\n unlink: (id, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_WORK_ORDERS_API_URI}/${id}/unlink`, option, cancelCallback);\n },\n replace: (id, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_WORK_ORDERS_API_URI}/${id}/replace`, option, cancelCallback);\n },\n copy: (id, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_WORK_ORDERS_API_URI}/${id}/copy`, option, cancelCallback);\n },\n redo: (id, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_WORK_ORDERS_API_URI}/${id}/redo`, null, cancelCallback);\n },\n status: (id, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_WORK_ORDERS_API_URI}/${id}/status`, option, cancelCallback);\n },\n}\n\nconst PatientProfiles = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PATIENT_PROFILES_API_URI}/${id}`, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PATIENT_PROFILE_SEARCH_API_URI}`, option, cancelCallback);\n },\n}\n\nconst PatientRecalls = {\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PATIENT_RECALLS_API_URI}`, option, cancelCallback);\n },\n}\n\nconst ReviewRequests = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_REVIEW_REQUESTS_API_URI}/${id}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REVIEW_REQUESTS_API_URI}`, option, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REVIEW_REQUEST_SEARCH_API_URI}`, option, cancelCallback);\n },\n}\n\nconst ReviewFeedbacks = {\n get: (key, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_REVIEW_FEEDBACKS_API_URI}/${key}`, cancelCallback);\n },\n create: (key, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REVIEW_FEEDBACKS_API_URI}/${key}`, option, cancelCallback);\n },\n}\n\nconst ExamInputs = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_EXAM_INPUTS_API_URI}/${id}`, cancelCallback);\n },\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_EXAM_INPUTS_API_URI}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_EXAM_INPUTS_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_EXAM_INPUTS_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_EXAM_INPUTS_API_URI}/${id}`, null, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_EXAM_INPUT_SEARCH_API_URI}`, option, cancelCallback);\n },\n fullSearch: (term, limit, offset, count, cancelCallback) => {\n const qs = queryString.stringify({\n term: term,\n limit: limit,\n offset: offset,\n count: count,\n });\n return api.get(`${process.env.REACT_APP_EXAM_INPUT_SEARCH_API_URI}/${encodeURIComponent(term)}${qs ? `?${qs}` : ''}`, cancelCallback);\n }\n}\n\nconst ExamTemplates = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_EXAM_TEMPLATES_API_URI}/${id}`, cancelCallback);\n },\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_EXAM_TEMPLATES_API_URI}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_EXAM_TEMPLATES_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_EXAM_TEMPLATES_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, option, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_EXAM_TEMPLATES_API_URI}/${id}`, option, cancelCallback);\n },\n clone: (id, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_EXAM_TEMPLATES_API_URI}/${id}/clone`, option, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_EXAM_TEMPLATE_SEARCH_API_URI}`, option, cancelCallback);\n },\n fullSearch: (term, limit, offset, count, cancelCallback) => {\n const qs = queryString.stringify({\n term: term,\n limit: limit,\n offset: offset,\n count: count,\n });\n return api.get(`${process.env.REACT_APP_EXAM_TEMPLATE_SEARCH_API_URI}/${encodeURIComponent(term)}${qs ? `?${qs}` : ''}`, cancelCallback);\n }\n}\n\nconst ExamPublishedTemplates = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_EXAM_PUBLISHED_TEMPLATES_API_URI}/${id}`, cancelCallback);\n },\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_EXAM_PUBLISHED_TEMPLATES_API_URI}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_EXAM_PUBLISHED_TEMPLATES_API_URI}`, option, cancelCallback);\n },\n}\n\nconst WorkOrderInputs = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_WORK_ORDER_INPUTS_API_URI}/${id}`, cancelCallback);\n },\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_WORK_ORDER_INPUTS_API_URI}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_WORK_ORDER_INPUTS_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_WORK_ORDER_INPUTS_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_WORK_ORDER_INPUTS_API_URI}/${id}`, null, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_WORK_ORDER_INPUT_SEARCH_API_URI}`, option, cancelCallback);\n },\n fullSearch: (term, limit, offset, count, cancelCallback) => {\n const qs = queryString.stringify({\n term: term,\n limit: limit,\n offset: offset,\n count: count,\n });\n return api.get(`${process.env.REACT_APP_WORK_ORDER_INPUT_SEARCH_API_URI}/${encodeURIComponent(term)}${qs ? `?${qs}` : ''}`, cancelCallback);\n }\n}\n\nconst WorkOrderTemplates = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_WORK_ORDER_TEMPLATES_API_URI}/${id}`, cancelCallback);\n },\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_WORK_ORDER_TEMPLATES_API_URI}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_WORK_ORDER_TEMPLATES_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_WORK_ORDER_TEMPLATES_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, option, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_WORK_ORDER_TEMPLATES_API_URI}/${id}`, option, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_WORK_ORDER_TEMPLATE_SEARCH_API_URI}`, option, cancelCallback);\n },\n fullSearch: (term, limit, offset, count, cancelCallback) => {\n const qs = queryString.stringify({\n term: term,\n limit: limit,\n offset: offset,\n count: count,\n });\n return api.get(`${process.env.REACT_APP_WORK_ORDER_TEMPLATE_SEARCH_API_URI}/${encodeURIComponent(term)}${qs ? `?${qs}` : ''}`, cancelCallback);\n }\n}\n\nconst Roles = {\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_ROLES_API_URI}`, cancelCallback);\n },\n getForAdmin: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_ROLES_API_URI}/for-admin`, cancelCallback);\n }\n}\n\nconst Accesses = {\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_ACCESSES_API_URI}`, cancelCallback);\n }\n}\nconst Attachments = {\n download: (id, cancelCallback) => {\n return api.file(`${process.env.REACT_APP_ATTACHMENTS_API_URI}/${id}/download`, cancelCallback);\n }\n}\n\nconst CustomerPrivateInsurances = {\n get: (customerId, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_CUSTOMER_PRIVATE_INSURANCE_POLICIES_API_URI}/${customerId}`, cancelCallback);\n },\n create: (customerId, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_CUSTOMER_PRIVATE_INSURANCE_POLICIES_API_URI}/${customerId}`, option, cancelCallback);\n },\n update: (customerId, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_CUSTOMER_PRIVATE_INSURANCE_POLICIES_API_URI}/${customerId}`, option, cancelCallback);\n },\n delete: (customerId, option, cancelCallback) => {\n switch (option.action.toLowerCase()) {\n case 'unlink':\n return api.delete(`${process.env.REACT_APP_CUSTOMER_PRIVATE_INSURANCE_POLICIES_API_URI}/${customerId}`, option, cancelCallback);\n\n case 'delete':\n return api.delete(`${process.env.REACT_APP_PRIVATE_INSURANCE_POLICIES_API_URI}/${option.privateInsurancePolicyId}`, cancelCallback);\n\n default:\n return Promise.reject();\n }\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_CUSTOMER_PRIVATE_INSURANCE_POLICY_SEARCH_API_URI}`, option, cancelCallback);\n },\n reorder: (customerId, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_CUSTOMER_PRIVATE_INSURANCE_POLICIES_API_URI}/${customerId}/reorder`, option, cancelCallback);\n },\n}\n\nconst PrivateInsuranceProviders = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PRIVATE_INSURANCE_PROVIDERS_API_URI}/${id}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PRIVATE_INSURANCE_PROVIDERS_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_PRIVATE_INSURANCE_PROVIDERS_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, option, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_PRIVATE_INSURANCE_PROVIDERS_API_URI}/${id}`, option, cancelCallback);\n },\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PRIVATE_INSURANCE_PROVIDERS_API_URI}`, cancelCallback);\n },\n}\n\nconst Payments = {\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PAYMENTS_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_PAYMENTS_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, option, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_PAYMENTS_API_URI}/${id}`, option, cancelCallback);\n },\n}\n\nconst Todos = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_TODOS_API_URI}/${id}`, cancelCallback);\n },\n // Get is retrieving the todos created by this user\n getByCreator: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_TODOS_API_URI}/creator`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_TODOS_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_TODOS_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, option, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_TODOS_API_URI}/${id}`, option, cancelCallback);\n },\n addUsers: (id, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_TODOS_API_URI}/${id}/add-users`, option, cancelCallback);\n },\n getCompletionStatus: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_TODOS_API_URI}/${id}/completion-status`, cancelCallback);\n },\n resetCompletionStatus: (id, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_TODOS_API_URI}/${id}/reset-status`, null, cancelCallback);\n }\n}\n\nconst TodoNotes = {\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_TODO_NOTES_API_URI}`, option, cancelCallback);\n },\n get: (instanceId, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_TODO_NOTES_API_URI}/instance/${instanceId}`, cancelCallback);\n },\n fullSearch: (term, limit, offset, cancelCallback) => {\n },\n delete: (id, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_TODO_NOTES_API_URI}/${id}`, null, cancelCallback);\n },\n}\n\nconst TodoInstances = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_TODOINSTANCES_API_URI}/${id}`, cancelCallback);\n },\n delete: (id, option, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_TODOINSTANCES_API_URI}/${id}`, option, cancelCallback);\n },\n status: (id, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_TODOINSTANCES_API_URI}/${id}/status`, option, cancelCallback);\n },\n note: (id, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_TODOINSTANCES_API_URI}/${id}/note`, option, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_TODOINSTANCE_SEARCH_API_URI}`, option, cancelCallback);\n },\n fullSearch: (term, userId, status, limit, offset, cancelCallback) => {\n const qs = queryString.stringify({\n userId, status, limit, offset\n });\n return api.get(`${process.env.REACT_APP_TODOINSTANCE_SEARCH_API_URI}/${encodeURI(term)}${qs ? `?${qs}` : ''}`, cancelCallback);\n },\n list: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_TODOINSTANCE_LIST_API_URI}`, option, cancelCallback);\n },\n batchComplete: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_TODOINSTANCES_API_URI}/_/batch-complete`, option, cancelCallback);\n }\n}\n\nconst Notifications = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_NOTIFICATIONS_API_URI}/${id}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_NOTIFICATIONS_API_URI}`, option, cancelCallback);\n },\n read: (id, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_NOTIFICATIONS_API_URI}/${id}/read`, null, cancelCallback);\n },\n expire: (id, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_NOTIFICATIONS_API_URI}/${id}/expire`, null, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_NOTIFICATION_SEARCH_API_URI}`, option, cancelCallback);\n },\n summary: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_NOTIFICATION_SEARCH_API_URI}/summary`, option, cancelCallback);\n },\n batchExpire: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_NOTIFICATIONS_API_URI}/_/batch-expire`, option, cancelCallback);\n }\n}\n\nconst Transactions = {\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_TRANSACTION_SEARCH_API_URI}`, option, cancelCallback);\n },\n}\n\nconst TransactionItems = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_TRANSACTION_ITEMS_API_URI}/${id}`, cancelCallback);\n },\n}\n\nconst TransactionPayments = {\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_TRANSACTION_PAYMENT_SEARCH_API_URI}`, option, cancelCallback);\n },\n list: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_TRANSACTION_PAYMENT_LIST_API_URI}`, option, cancelCallback);\n },\n exportList: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_TRANSACTION_PAYMENT_LIST_API_URI}/export`, option, cancelCallback);\n },\n}\n\nconst TransactionSales = {\n list: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_TRANSACTION_SALES_LIST_API_URI}`, option, cancelCallback);\n },\n exportList: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_TRANSACTION_SALES_LIST_API_URI}/export`, option, cancelCallback);\n },\n}\n\nconst WorkOrderPublishedTemplates = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_WORK_ORDER_PUBLISHED_TEMPLATES_API_URI}/${id}`, cancelCallback);\n },\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_WORK_ORDER_PUBLISHED_TEMPLATES_API_URI}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_WORK_ORDER_PUBLISHED_TEMPLATES_API_URI}`, option, cancelCallback);\n },\n}\n\nconst WorkOrderItems = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_WORK_ORDER_ITEMS_API_URI}/${id}`, cancelCallback);\n },\n override: (id, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_WORK_ORDER_ITEMS_API_URI}/${id}/override`, option, cancelCallback);\n },\n}\n\nconst Prescriptions = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PRESCRIPTIONS_API_URI}/${id}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PRESCRIPTIONS_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_PRESCRIPTIONS_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_PRESCRIPTIONS_API_URI}/${id}`, null, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PRESCRIPTION_SEARCH_API_URI}`, option, cancelCallback);\n },\n fullSearch: (term, limit, offset, showAll, showResult, showCount, cancelCallback) => {\n const qs = queryString.stringify({\n term: term,\n limit: limit,\n offset: offset,\n showAll: showAll,\n showCount: showCount,\n showResult: showResult,\n });\n return api.get(`${process.env.REACT_APP_PRESCRIPTION_SEARCH_API_URI}/${encodeURIComponent(term)}${qs ? `?${qs}` : ''}`, cancelCallback);\n },\n sign: (id, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PRESCRIPTIONS_API_URI}/${id}/sign`, null, cancelCallback);\n },\n unSign: (id, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PRESCRIPTIONS_API_URI}/${id}/un-sign`, null, cancelCallback);\n },\n requestFinalize: (id, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PRESCRIPTIONS_API_URI}/${id}/request-finalize`, option, cancelCallback);\n }\n}\n\nconst PrescriptionTypes = {\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PRESCRIPTION_TYPES_API_URI}`, cancelCallback);\n },\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PRESCRIPTION_TYPES_API_URI}/${id}`, cancelCallback);\n },\n}\n\nconst PrescriptionInputs = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PRESCRIPTION_INPUTS_API_URI}/${id}`, cancelCallback);\n },\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PRESCRIPTION_INPUTS_API_URI}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PRESCRIPTION_INPUTS_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_PRESCRIPTION_INPUTS_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_PRESCRIPTION_INPUTS_API_URI}/${id}`, null, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PRESCRIPTION_INPUT_SEARCH_API_URI}`, option, cancelCallback);\n },\n fullSearch: (term, limit, offset, count, cancelCallback) => {\n const qs = queryString.stringify({\n term: term,\n limit: limit,\n offset: offset,\n count: count,\n });\n return api.get(`${process.env.REACT_APP_PRESCRIPTION_INPUT_SEARCH_API_URI}/${encodeURIComponent(term)}${qs ? `?${qs}` : ''}`, cancelCallback);\n }\n}\n\nconst PrescriptionTemplates = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PRESCRIPTION_TEMPLATES_API_URI}/${id}`, cancelCallback);\n },\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PRESCRIPTION_TEMPLATES_API_URI}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PRESCRIPTION_TEMPLATES_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_PRESCRIPTION_TEMPLATES_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, option, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_PRESCRIPTION_TEMPLATES_API_URI}/${id}`, option, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PRESCRIPTION_TEMPLATE_SEARCH_API_URI}`, option, cancelCallback);\n },\n fullSearch: (term, limit, offset, count, cancelCallback) => {\n const qs = queryString.stringify({\n term: term,\n limit: limit,\n offset: offset,\n count: count,\n });\n return api.get(`${process.env.REACT_APP_PRESCRIPTION_TEMPLATE_SEARCH_API_URI}/${encodeURIComponent(term)}${qs ? `?${qs}` : ''}`, cancelCallback);\n }\n}\n\nconst PrescriptionPublishedTemplates = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PRESCRIPTION_PUBLISHED_TEMPLATES_API_URI}/${id}`, cancelCallback);\n },\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PRESCRIPTION_PUBLISHED_TEMPLATES_API_URI}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PRESCRIPTION_PUBLISHED_TEMPLATES_API_URI}`, option, cancelCallback);\n },\n}\n\nconst PrescriptionPrintTemplates = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PRESCRIPTION_PRINT_TEMPLATES_API_URI}/${id}`, cancelCallback);\n },\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PRESCRIPTION_PRINT_TEMPLATES_API_URI}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PRESCRIPTION_PRINT_TEMPLATES_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_PRESCRIPTION_PRINT_TEMPLATES_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, option, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_PRESCRIPTION_PRINT_TEMPLATES_API_URI}/${id}`, option, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PRESCRIPTION_PRINT_TEMPLATE_SEARCH_API_URI}`, option, cancelCallback);\n },\n fullSearch: (term, limit, offset, count, cancelCallback) => {\n const qs = queryString.stringify({\n term: term,\n limit: limit,\n offset: offset,\n count: count,\n });\n return api.get(`${process.env.REACT_APP_PRESCRIPTION_PRINT_TEMPLATE_SEARCH_API_URI}/${encodeURIComponent(term)}${qs ? `?${qs}` : ''}`, cancelCallback);\n }\n}\n\nconst PrescriptionPrintPublishedTemplates = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PRESCRIPTION_PRINT_PUBLISHED_TEMPLATES_API_URI}/${id}`, cancelCallback);\n },\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PRESCRIPTION_PRINT_PUBLISHED_TEMPLATES_API_URI}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PRESCRIPTION_PRINT_PUBLISHED_TEMPLATES_API_URI}`, option, cancelCallback);\n },\n}\n\nconst Pretests = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PRETESTS_API_URI}/${id}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PRETESTS_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_PRETESTS_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_PRETESTS_API_URI}/${id}`, null, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PRETEST_SEARCH_API_URI}`, option, cancelCallback);\n },\n fullSearch: (term, limit, offset, showAll, showResult, showCount, cancelCallback) => {\n const qs = queryString.stringify({\n term: term,\n limit: limit,\n offset: offset,\n showAll: showAll,\n showCount: showCount,\n showResult: showResult,\n });\n return api.get(`${process.env.REACT_APP_PRETEST_SEARCH_API_URI}/${encodeURIComponent(term)}${qs ? `?${qs}` : ''}`, cancelCallback);\n },\n}\n\nconst PretestTypes = {\n all: (full, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PRETEST_TYPES_API_URI}${full ? '?full=true' : ''}`, cancelCallback);\n },\n get: (id, full, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PRETEST_TYPES_API_URI}/${id}${full ? '?full=true' : ''}`, cancelCallback);\n },\n}\n\nconst PretestInputs = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PRETEST_INPUTS_API_URI}/${id}`, cancelCallback);\n },\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PRETEST_INPUTS_API_URI}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PRETEST_INPUTS_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_PRETEST_INPUTS_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_PRETEST_INPUTS_API_URI}/${id}`, null, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PRETEST_INPUT_SEARCH_API_URI}`, option, cancelCallback);\n },\n fullSearch: (term, limit, offset, count, cancelCallback) => {\n const qs = queryString.stringify({\n term: term,\n limit: limit,\n offset: offset,\n count: count,\n });\n return api.get(`${process.env.REACT_APP_PRETEST_INPUT_SEARCH_API_URI}/${encodeURIComponent(term)}${qs ? `?${qs}` : ''}`, cancelCallback);\n }\n}\n\nconst PretestTemplates = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PRETEST_TEMPLATES_API_URI}/${id}`, cancelCallback);\n },\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PRETEST_TEMPLATES_API_URI}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PRETEST_TEMPLATES_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_PRETEST_TEMPLATES_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, option, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_PRETEST_TEMPLATES_API_URI}/${id}`, option, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PRETEST_TEMPLATE_SEARCH_API_URI}`, option, cancelCallback);\n },\n fullSearch: (term, limit, offset, count, cancelCallback) => {\n const qs = queryString.stringify({\n term: term,\n limit: limit,\n offset: offset,\n count: count,\n });\n return api.get(`${process.env.REACT_APP_PRETEST_TEMPLATE_SEARCH_API_URI}/${encodeURIComponent(term)}${qs ? `?${qs}` : ''}`, cancelCallback);\n }\n}\n\nconst PretestPublishedTemplates = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PRETEST_PUBLISHED_TEMPLATES_API_URI}/${id}`, cancelCallback);\n },\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PRETEST_PUBLISHED_TEMPLATES_API_URI}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PRETEST_PUBLISHED_TEMPLATES_API_URI}`, option, cancelCallback);\n },\n}\n\nconst FaxCoverPageTemplates = {\n get: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PRINT_TEMPLATES_API_URI}/fax-cover-page`, cancelCallback);\n },\n update: (option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_PRINT_TEMPLATES_API_URI}/fax-cover-page`, option, cancelCallback);\n },\n}\n\nconst InvoiceTemplates = {\n get: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PRINT_TEMPLATES_API_URI}/invoice`, cancelCallback);\n },\n update: (option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_PRINT_TEMPLATES_API_URI}/invoice`, option, cancelCallback);\n },\n}\n\nconst PaymentReceiptTemplates = {\n get: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PRINT_TEMPLATES_API_URI}/payment-receipt`, cancelCallback);\n },\n update: (option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_PRINT_TEMPLATES_API_URI}/payment-receipt`, option, cancelCallback);\n },\n}\n\nconst PrintPublishedTemplates = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PRINT_PUBLISHED_TEMPLATES_API_URI}/${id}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PRINT_PUBLISHED_TEMPLATES_API_URI}`, option, cancelCallback);\n },\n}\n\nconst Organizations = {\n idp: (subdomain, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_ORGANIZATIONS_API_URI}/${subdomain}/idp`, cancelCallback);\n },\n subdomain: (email, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_ORGANIZATIONS_API_URI}/${email}/subdomain`, cancelCallback);\n },\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_ORGANIZATIONS_API_URI}/${id}`, cancelCallback);\n },\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_ORGANIZATIONS_API_URI}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_ORGANIZATIONS_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_ORGANIZATIONS_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_ORGANIZATIONS_API_URI}/${id}`, null, cancelCallback);\n }\n}\n\nconst Tenants = {\n get: (id, loadFullProperties, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_TENANTS_API_URI}/${id}${loadFullProperties === true ? '?loadFullProperties=true' : ''}`, cancelCallback);\n },\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_TENANTS_API_URI}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_TENANTS_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_TENANTS_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_TENANTS_API_URI}/${id}`, null, cancelCallback);\n },\n accessKey: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_TENANTS_API_URI}/${id}/access-key`, cancelCallback);\n },\n}\n\nconst Invoices = {\n print: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_INVOICES_API_URI}/print`, option, cancelCallback)\n }\n}\n\nconst PrintedDocuments = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PRINTED_DOCUMENTS_API_URI}/${id}`, cancelCallback);\n },\n print: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PRINTED_DOCUMENTS_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_PRINTED_DOCUMENTS_API_URI}/${id}`, option, cancelCallback);\n },\n download: (id, cancelCallback) => {\n return api.file(`${process.env.REACT_APP_PRINTED_DOCUMENTS_API_URI}/${id}/download`, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PRINTED_DOCUMENT_SEARCH_API_URI}`, option, cancelCallback);\n },\n}\n\nconst PreviewDocuments = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PREVIEW_DOCUMENTS_API_URI}/${id}`, cancelCallback);\n },\n print: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PREVIEW_DOCUMENTS_API_URI}`, option, cancelCallback);\n },\n download: (id, cancelCallback) => {\n return api.file(`${process.env.REACT_APP_PREVIEW_DOCUMENTS_API_URI}/${id}/download`, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PREVIEW_DOCUMENT_SEARCH_API_URI}`, option, cancelCallback);\n },\n}\n\nconst Communications = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_COMMUNICATIONS_API_URI}/${id}`, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_COMMUNICATIONS_API_URI}/${id}`, option, cancelCallback);\n },\n send: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_COMMUNICATIONS_API_URI}`, option, cancelCallback);\n },\n delete: (id, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_COMMUNICATIONS_API_URI}/${id}`, null, cancelCallback);\n },\n resend: (id, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_COMMUNICATIONS_API_URI}/${id}/resend`, option, cancelCallback);\n },\n hide: (id, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_COMMUNICATIONS_API_URI}/${id}/hide`, null, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_COMMUNICATION_SEARCH_API_URI}`, option, cancelCallback);\n },\n download: (id, cancelCallback) => {\n return api.file(`${process.env.REACT_APP_COMMUNICATIONS_API_URI}/${id}/download`, cancelCallback);\n },\n list: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_COMMUNICATION_LIST_API_URI}`, option, cancelCallback);\n },\n statusCount: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_COMMUNICATION_LIST_API_URI}/status-count`, option, cancelCallback);\n },\n}\n\nconst CommunicationTemplates = {\n get: (id, full, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_COMMUNICATION_TEMPLATES_API_URI}/${id}${!!full ? '?full=true' : ''}`, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_COMMUNICATION_TEMPLATES_API_URI}/${id}`, option, cancelCallback);\n },\n fill: (id, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_COMMUNICATION_TEMPLATES_API_URI}/${id}/fill`, option, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_COMMUNICATION_TEMPLATE_SEARCH_API_URI}`, option, cancelCallback);\n },\n fullSearch: (term, limit, offset, showAll, showResult, showCount, cancelCallback) => {\n const qs = queryString.stringify({\n term: term,\n limit: limit,\n offset: offset,\n showAll: showAll,\n showResult: showResult,\n showCount: showCount,\n });\n return api.get(`${process.env.REACT_APP_COMMUNICATION_TEMPLATE_SEARCH_API_URI}/${encodeURIComponent(term)}${qs ? `?${qs}` : ''}`, cancelCallback);\n }\n}\n\nconst CommunicationPreferences = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_COMMUNICATION_PREFERENCES_API_URI}/${id}`, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_COMMUNICATION_PREFERENCES_API_URI}/${id}`, option, cancelCallback);\n },\n}\n\nconst CommunicationSuppressions = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_COMMUNICATION_SUPPRESSIONS_API_URI}/${id}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_COMMUNICATION_SUPPRESSIONS_API_URI}`, option, cancelCallback);\n },\n delete: (id, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_COMMUNICATION_SUPPRESSIONS_API_URI}/${id}`, null, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_COMMUNICATION_SUPPRESSION_SEARCH_API_URI}`, option, cancelCallback);\n },\n}\n\nconst ExternalClinics = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_EXTERNAL_CLINICS_API_URI}/${id}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_EXTERNAL_CLINICS_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_EXTERNAL_CLINICS_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, option, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_EXTERNAL_CLINICS_API_URI}/${id}`, option, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_EXTERNAL_CLINIC_SEARCH_API_URI}`, option, cancelCallback);\n },\n fullSearch: (term, limit, offset, showAll, showResult, showCount, cancelCallback) => {\n const qs = queryString.stringify({\n term: term,\n limit: limit,\n offset: offset,\n showAll: showAll,\n showResult: showResult,\n showCount: showCount,\n });\n return api.get(`${process.env.REACT_APP_EXTERNAL_CLINIC_SEARCH_API_URI}/${encodeURIComponent(term)}${qs ? `?${qs}` : ''}`, cancelCallback);\n }\n}\n\nconst ExternalDoctors = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_EXTERNAL_DOCTORS_API_URI}/${id}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_EXTERNAL_DOCTORS_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_EXTERNAL_DOCTORS_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_EXTERNAL_DOCTORS_API_URI}/${id}`, null, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_EXTERNAL_DOCTOR_SEARCH_API_URI}`, option, cancelCallback);\n },\n fullSearch: (term, limit, offset, showAll, showResult, showCount, cancelCallback) => {\n const qs = queryString.stringify({\n term: term,\n limit: limit,\n offset: offset,\n showAll: showAll,\n showResult: showResult,\n showCount: showCount,\n });\n return api.get(`${process.env.REACT_APP_EXTERNAL_DOCTOR_SEARCH_API_URI}/${encodeURIComponent(term)}${qs ? `?${qs}` : ''}`, cancelCallback);\n }\n}\n\nconst FormInputs = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_FORM_INPUTS_API_URI}/${id}`, cancelCallback);\n },\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_FORM_INPUTS_API_URI}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_FORM_INPUTS_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_FORM_INPUTS_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_FORM_INPUTS_API_URI}/${id}`, null, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_FORM_INPUT_SEARCH_API_URI}`, option, cancelCallback);\n },\n fullSearch: (term, limit, offset, count, cancelCallback) => {\n const qs = queryString.stringify({\n term: term,\n limit: limit,\n offset: offset,\n count: count,\n });\n return api.get(`${process.env.REACT_APP_FORM_INPUT_SEARCH_API_URI}/${encodeURIComponent(term)}${qs ? `?${qs}` : ''}`, cancelCallback);\n }\n}\n\nconst FormTemplates = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_FORM_TEMPLATES_API_URI}/${id}`, cancelCallback);\n },\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_FORM_TEMPLATES_API_URI}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_FORM_TEMPLATES_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_FORM_TEMPLATES_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, option, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_FORM_TEMPLATES_API_URI}/${id}`, option, cancelCallback);\n },\n clone: (id, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_FORM_TEMPLATES_API_URI}/${id}/clone`, option, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_FORM_TEMPLATE_SEARCH_API_URI}`, option, cancelCallback);\n },\n fullSearch: (term, limit, offset, count, cancelCallback) => {\n const qs = queryString.stringify({\n term: term,\n limit: limit,\n offset: offset,\n count: count,\n });\n return api.get(`${process.env.REACT_APP_FORM_TEMPLATE_SEARCH_API_URI}/${encodeURIComponent(term)}${qs ? `?${qs}` : ''}`, cancelCallback);\n }\n}\n\nconst FormPublishedTemplates = {\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_FORM_PUBLISHED_TEMPLATES_API_URI}`, option, cancelCallback);\n },\n}\n\nconst Forms = {\n get: (publicKey, id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_FORMS_API_URI}/${publicKey}${id ? `?id=${id}` : ''}`, cancelCallback);\n },\n create: (publicKey, option, cancelCallback, key, token) => {\n return api.post(`${process.env.REACT_APP_FORMS_API_URI}/${publicKey}`, option, cancelCallback, key, token);\n },\n update: (publicKey, id, option, cancelCallback, key, token) => {\n return api.put(`${process.env.REACT_APP_FORMS_API_URI}/${publicKey}${id ? `?id=${id}` : ''}`, option, cancelCallback, key, token);\n },\n complete: (publicKey, id, option, cancelCallback, key, token) => {\n return api.post(`${process.env.REACT_APP_FORMS_API_URI}/${publicKey}/complete${id ? `?id=${id}` : ''}`, option, cancelCallback, key, token);\n },\n email: (publicKey, id, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_FORMS_API_URI}/${publicKey}/email${id ? `?id=${id}` : ''}`, null, cancelCallback);\n },\n}\n\nconst InternalFormInputs = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_INTERNAL_FORM_INPUTS_API_URI}/${id}`, cancelCallback);\n },\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_INTERNAL_FORM_INPUTS_API_URI}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_INTERNAL_FORM_INPUTS_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_INTERNAL_FORM_INPUTS_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_INTERNAL_FORM_INPUTS_API_URI}/${id}`, null, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_INTERNAL_FORM_INPUT_SEARCH_API_URI}`, option, cancelCallback);\n },\n fullSearch: (term, limit, offset, count, cancelCallback) => {\n const qs = queryString.stringify({\n term: term,\n limit: limit,\n offset: offset,\n count: count,\n });\n return api.get(`${process.env.REACT_APP_INTERNAL_FORM_INPUT_SEARCH_API_URI}/${encodeURIComponent(term)}${qs ? `?${qs}` : ''}`, cancelCallback);\n }\n}\n\nconst InternalFormTemplates = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_INTERNAL_FORM_TEMPLATES_API_URI}/${id}`, cancelCallback);\n },\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_INTERNAL_FORM_TEMPLATES_API_URI}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_INTERNAL_FORM_TEMPLATES_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_INTERNAL_FORM_TEMPLATES_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, option, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_INTERNAL_FORM_TEMPLATES_API_URI}/${id}`, option, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_INTERNAL_FORM_TEMPLATE_SEARCH_API_URI}`, option, cancelCallback);\n },\n fullSearch: (term, limit, offset, count, cancelCallback) => {\n const qs = queryString.stringify({\n term: term,\n limit: limit,\n offset: offset,\n count: count,\n });\n return api.get(`${process.env.REACT_APP_INTERNAL_FORM_TEMPLATE_SEARCH_API_URI}/${encodeURIComponent(term)}${qs ? `?${qs}` : ''}`, cancelCallback);\n }\n}\n\nconst InternalFormPublishedTemplates = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_INTERNAL_FORM_PUBLISHED_TEMPLATES_API_URI}/${id}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_INTERNAL_FORM_PUBLISHED_TEMPLATES_API_URI}`, option, cancelCallback);\n },\n}\n\nconst InternalForms = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_INTERNAL_FORMS_API_URI}/${id}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_INTERNAL_FORMS_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_INTERNAL_FORMS_API_URI}/${id}`, option, cancelCallback);\n },\n complete: (id, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_INTERNAL_FORMS_API_URI}/${id}/complete`, option, cancelCallback);\n },\n sign: (id, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_INTERNAL_FORMS_API_URI}/${id}/sign`, null, cancelCallback);\n },\n unSign: (id, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_INTERNAL_FORMS_API_URI}/${id}/un-sign`, null, cancelCallback);\n },\n}\n\nconst AddressBook = {\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_ADDRESS_BOOK_SEARCH_API_URI}`, option, cancelCallback);\n },\n fullSearch: (term, types, limit, offset, showAll, showResult, showCount, cancelCallback) => {\n const qs = queryString.stringify({\n term: term,\n types: (types && types.length > 0 ? types.join('|') : []),\n limit: limit,\n offset: offset,\n showAll: showAll,\n showResult: showResult,\n showCount: showCount,\n });\n return api.get(`${process.env.REACT_APP_ADDRESS_BOOK_LOOKUP_API_URI}/${encodeURIComponent(term)}${qs ? `?${qs}` : ''}`, cancelCallback);\n }\n}\n\nconst AddressBookLookUp = {\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_ADDRESS_BOOK_LOOKUP_API_URI}`, option, cancelCallback);\n },\n fullSearch: (term, type, contactType, customerId, limit, offset, showAll, showResult, showCount, cancelCallback) => {\n const qs = queryString.stringify({\n term: term,\n type: type,\n contactType: contactType,\n customerId: customerId,\n limit: limit,\n offset: offset,\n showAll: showAll,\n showResult: showResult,\n showCount: showCount,\n });\n return api.get(`${process.env.REACT_APP_ADDRESS_BOOK_LOOKUP_API_URI}/${encodeURIComponent(term)}${qs ? `?${qs}` : ''}`, cancelCallback);\n }\n}\n\nconst Lockscreen = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_LOCKSCREEN_API_URI}/${id}`, cancelCallback);\n },\n activate: (id, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_LOCKSCREEN_API_URI}/${id}`, null, cancelCallback);\n },\n deactivate: (id, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_LOCKSCREEN_API_URI}/${id}`, null, cancelCallback);\n },\n}\n\nconst LogicalDevices = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_LOGICAL_DEVICES_API_URI}/${id}`, cancelCallback);\n },\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_LOGICAL_DEVICES_API_URI}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_LOGICAL_DEVICES_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_LOGICAL_DEVICES_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, option, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_LOGICAL_DEVICES_API_URI}/${id}`, option, cancelCallback);\n },\n parseDeviceData: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_DEVICE_WEBHOOK_URI}`, option, cancelCallback);\n },\n composeDeviceData: (option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_DEVICE_WEBHOOK_URI}`, option, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_LOGICAL_DEVICE_SEARCH_API_URI}`, option, cancelCallback);\n },\n}\n\nconst SpecialDates = {\n get: (start, end, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_SPECIAL_DATES_API_URI}/${start}${end ? `/${end}` : ''}`, cancelCallback);\n }\n}\n\nconst TimeOffs = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_TIMEOFF_REQUESTS_API_URI}/${id}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_TIMEOFF_REQUESTS_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_TIMEOFF_REQUESTS_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_TIMEOFF_REQUESTS_API_URI}/${id}`, null, cancelCallback);\n },\n approve: (id, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_TIMEOFF_REQUESTS_API_URI}/${id}/approve`, null, cancelCallback);\n },\n decline: (id, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_TIMEOFF_REQUESTS_API_URI}/${id}/decline`, null, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_TIMEOFF_REQUEST_SEARCH_API_URI}`, option, cancelCallback);\n },\n}\n\nconst Subscription = {\n checkout: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_SUBSCRIPTION_API_URI}/checkout`, option, cancelCallback);\n },\n availableAddOn: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_SUBSCRIPTION_API_URI}/available_addon`, cancelCallback);\n },\n get: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_SUBSCRIPTION_API_URI}`, cancelCallback);\n },\n update: (option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_SUBSCRIPTION_API_URI}`, option, cancelCallback);\n },\n createPaymentSetupSession: (customerId, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_SUBSCRIPTION_API_URI}/create-payment-setup/${customerId}`, null, cancelCallback);\n },\n}\n\nconst Reports = {\n _legacy: {\n PaymentTypeFee: {\n get: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_REPORT_PAYMENT_TYPE_FEE_URI}`, cancelCallback);\n },\n },\n SalesTransaction: {\n get: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_REPORT_SALES_TRANSACTION}`, cancelCallback);\n },\n },\n Utilization: {\n get: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_REPORT_UTILIZATION}`, cancelCallback);\n },\n },\n SalesPerVisit: {\n get: (periodType, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_REPORT_SALES_PER_VISIT}/${periodType}`, cancelCallback);\n },\n },\n Revenue: {\n get: (periodType, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_REPORT_REVENUE}/${periodType}`, cancelCallback);\n },\n },\n SalesByAgeGroup: {\n search: (groups, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REPORT_SALES_BY_AGE_GROUP}`, groups, cancelCallback);\n }\n },\n DashboardReport: {\n series: (options, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REPORT_DASHBOARD_SERIES}`, options, cancelCallback);\n },\n single: (options, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REPORT_DASHBOARD_SINGLE}`, options, cancelCallback);\n },\n }\n },\n CustomerLocation: {\n get: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_REPORT_CUSTOMERS_DISTRIBUTION}`, cancelCallback);\n },\n },\n SalesRevenueBreakdown: {\n search: (options, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REPORT_SALES_REVENUE_BREAKDOWN}`, options, cancelCallback);\n }\n },\n SalesRevenueProductBreakdown: {\n search: (options, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REPORT_GROSS_PRODUCT_REVENUE_BREAKDOWN}`, options, cancelCallback);\n }\n },\n ExamSalesConversionRate: {\n search: (options, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REPORT_EXAM_PRODUCT_SALES_CONVERSION_RATE}`, options, cancelCallback);\n }\n },\n ExamSalesRevenue: {\n search: (options, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REPORT_EXAM_SALES_REVENUE}`, options, cancelCallback);\n }\n },\n CustomerAcquisition: {\n search: (options, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REPORT_CUSTOMER_ACQUISITION}`, options, cancelCallback);\n }\n },\n AppointmentStatusBreakdown: {\n search: (options, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REPORT_APPOINTMENT_STATUS_BREAKDOWN}`, options, cancelCallback);\n }\n },\n AppointmentArrivalTime: {\n search: (options, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REPORT_APPOINTMENT_ARRIVAL_TIME}`, options, cancelCallback);\n }\n },\n ExamStatusBreakdown: {\n search: (options, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REPORT_EXAM_STATUS_BREAKDOWN}`, options, cancelCallback);\n }\n },\n CustomerDemographics: {\n search: (cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REPORT_CUSTOMER_DEMOGRAPHICS}`, {}, cancelCallback);\n }\n },\n ScheduleUtilization: {\n search: (options, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REPORT_SCHEDULE_HEALTH_UTILIZATION}`, options, cancelCallback);\n }\n },\n SupplierSales: {\n search: (options, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REPORT_SUPPLIER_SALES}`, options, cancelCallback);\n }\n },\n CommunicationUsage: {\n search: (options, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REPORT_COMMUNICATION_USAGE}`, options, cancelCallback);\n },\n },\n ProductSales: {\n search: (options, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REPORT_PRODUCT_SALES}`, options, cancelCallback);\n }\n },\n CashFlow: {\n search: (options, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REPORT_CASH_FLOW}`, options, cancelCallback);\n }\n },\n CustomerExamInterval: {\n search: (options, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REPORT_CUSTOMER_EXAM_INTERVAL}`, options, cancelCallback);\n }\n },\n InvoiceAgingSummary: {\n search: (cancelCallback) => {\n return api.post(`${process.env.REACT_APP_REPORT_INVOICE_AGING_SUMMARY}`, {}, cancelCallback);\n }\n }\n}\n\nconst Industries = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_INDUSTRIES_API_URI}/${id}`, cancelCallback);\n },\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_INDUSTRIES_API_URI}`, cancelCallback);\n },\n}\n\nconst IndustryDevices = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_INDUSTRY_DEVICES_API_URI}/${id}`, cancelCallback);\n },\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_INDUSTRY_DEVICES_API_URI}`, cancelCallback);\n },\n}\n\nconst GovernmentPrograms = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_GOVERNMENT_PROGRAMS_API_URI}/${id}`, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_GOVERNMENT_PROGRAM_SEARCH_API_URI}`, option, cancelCallback);\n },\n}\n\nconst Contacts = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_CONTACTS_API_URI}/${id}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_CONTACTS_API_URI}`, option, cancelCallback);\n },\n update: (id, option, cancelCallback) => {\n return api.put(`${process.env.REACT_APP_CONTACTS_API_URI}/${id}`, option, cancelCallback);\n },\n delete: (id, option, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_CONTACTS_API_URI}/${id}`, option, cancelCallback);\n },\n}\n\nconst PublicInsuranceBillingReports = {\n list: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PUBLIC_INSURANCE_LIST_API_URI}`, option, cancelCallback);\n },\n exportList: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_PUBLIC_INSURANCE_LIST_API_URI}/export`, option, cancelCallback);\n },\n}\n\nconst EndOfDaySnapshot = {\n get: (date, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_END_OF_DAY_SNAPSHOT_API_URI}/${date}`, cancelCallback);\n },\n save: (date, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_END_OF_DAY_SNAPSHOT_API_URI}/${date}`, option, cancelCallback);\n },\n delete: (date, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_END_OF_DAY_SNAPSHOT_API_URI}/${date}`, cancelCallback);\n },\n reports: (date, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_END_OF_DAY_SNAPSHOT_API_URI}/${date}/reports`, null, cancelCallback);\n },\n recalls: (date, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_END_OF_DAY_SNAPSHOT_API_URI}/${date}/recalls`, option, cancelCallback);\n },\n reviewRequests: (date, option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_END_OF_DAY_SNAPSHOT_API_URI}/${date}/review-requests`, option, cancelCallback);\n },\n exists: (date, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_END_OF_DAY_SNAPSHOT_API_URI}/${date}/exists`, cancelCallback);\n },\n}\n\nconst Batch = {\n recall: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_BATCH_API_URI}/recall`, option, cancelCallback);\n },\n relationships: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_BATCH_API_URI}/relationships`, option, cancelCallback);\n },\n todo: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_BATCH_API_URI}/todo`, option, cancelCallback);\n },\n}\n\nconst BookingTypes = {\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_BOOKING_TYPES_API_URI}`, cancelCallback);\n },\n}\nconst Bookings = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_BOOKING_API_URI}/${id}`, cancelCallback);\n },\n delete: (id, option, cancelCallback) => {\n return api.delete(`${process.env.REACT_APP_BOOKING_API_URI}/${id}`, option, cancelCallback);\n },\n search: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_BOOKING_SEARCH_API_URI}`, option, cancelCallback);\n }\n}\n\nconst Timeslots = {\n search: (start, end, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_TIMESLOT_SEARCH_API_URI}/${start}/${end}`, cancelCallback);\n }\n}\n\nconst AppointmentOffers = {\n get: (id, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_APPOINTMENT_OFFERS_API_URI}/${id}`, cancelCallback);\n },\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_APPOINTMENT_OFFERS_API_URI}`, option, cancelCallback);\n },\n clipboard: (id, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_APPOINTMENT_OFFERS_API_URI}/${id}`, null, cancelCallback);\n },\n}\n\nconst SecuredDownload = {\n check: (key, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_SECURED_DOWNLOAD_API_URI}/${key}`, null, cancelCallback);\n },\n download: (key, cancelCallback) => {\n return api.file(`${process.env.REACT_APP_SECURED_DOWNLOAD_API_URI}/${key}`, cancelCallback);\n }\n}\n\nconst Migrate = {\n paperExam: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_MIGRATE_API_URI}/paper-exam`, option, cancelCallback);\n },\n}\n\nconst DeviceSyncFiles = {\n list: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_DEVICESYNC_FILE_LIST_API_URI}`, option, cancelCallback);\n }\n}\n\nconst SystemSettings = {\n all: (cancelCallback) => {\n return api.get(`${process.env.REACT_APP_SYSTEM_SETTINGS_API_URI}`, cancelCallback);\n }\n}\n\nconst ApplicationLogs = {\n create: (option, cancelCallback) => {\n return api.post(`${process.env.REACT_APP_APPLICATION_LOG_API_URI}`, option, cancelCallback);\n }\n}\n\nconst Passcode = {\n request: (username, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PASSCODE_CHALLENGE_API_URI}/request?username=${username}`, cancelCallback);\n },\n verify: (code, username, cancelCallback) => {\n return api.get(`${process.env.REACT_APP_PASSCODE_CHALLENGE_API_URI}/verify?code=${code}&userName=${username}`, cancelCallback);\n }\n}\n\nconst Test = {\n get: () => {\n return api.get('v1/_init/test-az-user');\n }\n}\n\nexport default {\n Accesses,\n AddressBook,\n AddressBookLookUp,\n ApplicationLogs,\n AppointmentOffers,\n Appointments,\n Attachments,\n Authorize,\n Batch,\n BookingTypes,\n Bookings,\n BusinessDays,\n BusinessHours,\n BusinessSchedules,\n CommunicationPreferences,\n CommunicationSuppressions,\n CommunicationTemplates,\n Communications,\n Contacts,\n CustomerPrivateInsurances,\n CustomerRelationships,\n Customers,\n DeviceSyncFiles,\n EndOfDaySnapshot,\n EntityAlerts,\n ExamDatasetCategories,\n ExamDatasetGroups,\n ExamDatasets,\n ExamInputs,\n ExamPublishedTemplates,\n ExamTemplates,\n Exams,\n ExternalClinics,\n ExternalDoctors,\n FaxCoverPageTemplates,\n FormInputs,\n FormPublishedTemplates,\n FormTemplates,\n Forms,\n GovernmentPrograms,\n GroupAppointments,\n Groups,\n Industries,\n IndustryDevices,\n InternalFormInputs,\n InternalFormPublishedTemplates,\n InternalFormTemplates,\n InternalForms,\n Inventory,\n InvoiceTemplates,\n Invoices,\n Lockscreen,\n LogicalDevices,\n MedicalReportPublishedTemplates,\n MedicalReportResponses,\n MedicalReportTemplates,\n MedicalReportTenantExamDatasetGroups,\n MedicalReportUserExamDatasetGroups,\n MedicalReports,\n Migrate,\n Notes,\n Notifications,\n OrganizationUsers,\n Organizations,\n Passcode,\n PatientProfiles,\n PatientRecalls,\n PaymentReceiptTemplates,\n Payments,\n PredefinedData,\n PrescriptionInputs,\n PrescriptionPrintPublishedTemplates,\n PrescriptionPrintTemplates,\n PrescriptionPublishedTemplates,\n PrescriptionTemplates,\n PrescriptionTypes,\n Prescriptions,\n PretestInputs,\n PretestPublishedTemplates,\n PretestTemplates,\n PretestTypes,\n Pretests,\n PreviewDocuments,\n PrintPublishedTemplates,\n PrintedDocuments,\n PrivateInsuranceProviders,\n ProductBrands,\n ProductOptions,\n ProductSuppliers,\n ProductTypes,\n Products,\n PublicInsuranceBillingReports,\n Purchases,\n ReferenceData,\n ReferralAppointments,\n ReferralPublishedTemplates,\n ReferralTemplates,\n ReferralTenantExamDatasetGroups,\n ReferralUserExamDatasetGroups,\n Referrals,\n Reports,\n Resources,\n ReviewFeedbacks,\n ReviewRequests,\n Roles,\n Schedules,\n SecuredDownload,\n ServiceAttributes,\n ServiceEligibility,\n ServiceUserOverrides,\n Services,\n Settings,\n SpecialDates,\n Subscription,\n SystemSettings,\n TaxRates,\n TenantUsers,\n Tenants,\n Test,\n TimeOffs,\n TimelineItems,\n TimeslotSchedules,\n Timeslots,\n TodoInstances,\n TodoNotes,\n Todos,\n TransactionItems,\n TransactionPayments,\n TransactionSales,\n Transactions,\n Users,\n WorkOrderInputs,\n WorkOrderItems,\n WorkOrderPublishedTemplates,\n WorkOrderTemplates,\n WorkOrders,\n}\n\n","import React, { Component } from 'react';\n\nimport * as fn from '../../../utilities/_functions';\n\nexport default class TabbedTextArea extends Component {\n constructor(props) {\n super(props);\n this.ref = React.createRef();\n this.handleKeyDown = this.handleKeyDown.bind(this);\n }\n\n handleKeyDown = (event) => {\n if (event.shiftKey && event.key === 'Tab' && this.ref.current) {\n const that = this;\n const value = this.ref.current.value;\n event.preventDefault(); // Prevent the default shift+tab behavior\n\n // Get the current cursor position and selection\n const start = event.target.selectionStart;\n const end = event.target.selectionEnd;\n\n // Insert the tab character into the value where the cursor is\n const newValue = value.substring(0, start) + '\\t' + value.substring(end);\n\n if (this.props.onKeyDown && fn.isFunction(this.props.onKeyDown)) {\n this.props.onKeyDown(event);\n }\n\n if (this.props.onChange && fn.isFunction(this.props.onChange)) {\n event.target.value = newValue;\n this.props.onChange(event);\n if (that.ref.current) {\n that.ref.current.selectionEnd = start + 1;\n }\n }\n }\n };\n\n render() {\n const options = {\n onKeyDown: this.handleKeyDown\n };\n const props = { ...this.props, ...options }\n\n return
\n \n
\n \n \n \n \n \n \n \n
\n \n )\n }\n}\n\nfunction Drawing({ lines }) {\n return (\n \n )\n}\n\nfunction DrawingLine({ line }) {\n const pathData = 'M ' +\n line.map(p => {\n return `${p.get('x')} ${p.get('y')}`;\n })\n .join(' L ');\n\n return \n 0 ? ' invalid' : '')\n }\n data-key={input.key}\n data-bind={input.key}\n data-validate-regex={input.metadata ? input.metadata.validation : null}\n data-virtual-tabindex={input.metadata && !!input.metadata.virtualTabIndex ? input.metadata.virtualTabIndex : null}\n autoComplete='off'\n disabled={options.readOnly}\n title={options.value ? options.value : null}\n placeholder={input.metadata && input.metadata.placeholder ? input.metadata.placeholder : null}\n value={options.value ? options.value : ''}\n onChange={fn.isFunction(options.onChange) && !options.readOnly ? (e) => { options.onChange(e, input.key, options.referenceObject) } : () => { }}\n onBlur={fn.isFunction(options.onBlur) && !options.readOnly ? (e) => { options.onBlur(e, input.key, input, options.referenceObject) } : () => { }}\n />\n
\n \n \n\n case 'MultiLineText':\n return \n 0 ? ' invalid' : '')\n }\n data-key={input.key}\n data-bind={input.key}\n data-validate-regex={input.metadata ? input.metadata.validation : null}\n data-virtual-tabindex={input.metadata && !!input.metadata.virtualTabIndex ? input.metadata.virtualTabIndex : null}\n autoComplete='off'\n disabled={options.readOnly}\n title={options.value ? options.value : null}\n placeholder={input.metadata && input.metadata.placeholder ? input.metadata.placeholder : null}\n value={options.value ? options.value : ''}\n onChange={fn.isFunction(options.onChange) && !options.readOnly ? (e) => { options.onChange(e, input.key, options.referenceObject) } : () => { }}\n onBlur={fn.isFunction(options.onBlur) && !options.readOnly ? (e) => { options.onBlur(e, input.key, input, options.referenceObject) } : () => { }}\n />\n
\n \n \n\n case 'RichText':\n return \n { options.onChange(content, input.key, options.referenceObject) } : () => { }}\n />\n
\n \n \n\n case 'Dropdown':\n return \n {\n options.readOnly ?\n 0 ? ' invalid' : '')\n }\n data-key={input.key}\n data-bind={input.key}\n data-virtual-tabindex={input.metadata && !!input.metadata.virtualTabIndex ? input.metadata.virtualTabIndex : null}\n autoComplete='off'\n disabled={true}\n title={options.value ? options.value : null}\n value={options.value ? options.value : ''}\n /> :\n 0 ? ' invalid' : '')\n }\n data-key={input.key}\n data-bind={input.key}\n data-virtual-tabindex={input.metadata && !!input.metadata.virtualTabIndex ? input.metadata.virtualTabIndex : null}\n title={options.value ? options.value : null}\n placeholder={input.metadata && input.metadata.placeholder ? input.metadata.placeholder : null}\n value={options.value ? options.value : ''}\n disabled={options.readOnly}\n onChange={fn.isFunction(options.onChange) && !options.readOnly ? (e) => { options.onChange(e, input.key, options.referenceObject) } : () => { }}\n >\n \n {\n input.metadata && input.metadata.options && input.metadata.options.length > 0 ?\n input.metadata.options.map((o, oi) => {\n return \n {o}\n \n }) : null\n }\n \n }\n
\n \n \n\n case 'Radio':\n return 0 ? 'radio-wrapper' : '')}>\n {\n input.metadata && input.metadata.options && input.metadata.options.length > 0 ?\n input.metadata.options.map((o, oi) => {\n return \n 0 ? ' invalid' : '')\n }\n value={o ? o : ''}\n data-key={input.key}\n data-bind={input.key}\n data-virtual-tabindex={input.metadata && !!input.metadata.virtualTabIndex ? input.metadata.virtualTabIndex : null}\n checked={(options.value && options.value.split('|').some(v => v === o))}\n onChange={fn.isFunction(options.onChange) && !options.readOnly ? (e) => { options.onChange(e, input.key, options.referenceObject) } : (e) => { e.preventDefault(); e.stopPropagation(); }}\n onClick={!fn.isFunction(options.onChange) || options.readOnly ? (e) => { e.preventDefault(); e.stopPropagation(); } : null}\n />\n 0 ? ' invalid' : '')\n }\n >\n {o}{input.metadata && input.metadata.placeholder ? {input.metadata.placeholder} : null}\n \n
\n }) : null\n }\n \n \n \n\n case 'Checkbox':\n return 0 ? 'checkbox-wrapper' : '')}>\n {\n input.metadata && input.metadata.options && input.metadata.options.length > 0 ?\n input.metadata.options.map((o, oi) => {\n return \n 0 ? ' invalid' : '')\n }\n disabled={options.readOnly}\n value={o ? o : ''}\n data-key={input.key}\n data-bind={input.key}\n data-virtual-tabindex={input.metadata && !!input.metadata.virtualTabIndex ? input.metadata.virtualTabIndex : null}\n checked={(options.value && options.value.split('|').some(v => v === o))}\n onChange={fn.isFunction(options.onChange) && !options.readOnly ? (e) => { options.onChange(e, input.key, options.referenceObject) } : (e) => { e.preventDefault(); e.stopPropagation(); }}\n onClick={!fn.isFunction(options.onChange) || options.readOnly ? (e) => { e.preventDefault(); e.stopPropagation(); } : null}\n />\n 0 ? ' invalid' : '')\n }\n >\n {o}{input.metadata && input.metadata.placeholder ? {input.metadata.placeholder} : null}\n \n
\n }) : null\n }\n \n \n \n\n case 'Check':\n return 0 ? 'checkbox-wrapper' : '')}>\n {\n input.metadata && input.metadata.options && input.metadata.options.length > 0 ?\n input.metadata.options.map((o, oi) => {\n return \n 0 ? ' invalid' : '')\n }\n disabled={options.readOnly}\n value={o ? o : ''}\n data-key={input.key}\n data-bind={input.key}\n data-virtual-tabindex={input.metadata && !!input.metadata.virtualTabIndex ? input.metadata.virtualTabIndex : null}\n checked={(options.value && options.value.split('|').some(v => v === o))}\n onChange={fn.isFunction(options.onChange) && !options.readOnly ? (e) => { options.onChange(e, input.key, options.referenceObject) } : (e) => { e.preventDefault(); e.stopPropagation(); }}\n onClick={!fn.isFunction(options.onChange) || options.readOnly ? (e) => { e.preventDefault(); e.stopPropagation(); } : null}\n />\n 0 ? ' invalid' : '')\n }\n >\n {o}{input.metadata && input.metadata.placeholder ? {input.metadata.placeholder} : null}\n \n
\n }) : null\n }\n \n \n \n\n case 'Circle':\n return 0 ? 'checkbox-wrapper' : '')}>\n {\n input.metadata && input.metadata.options && input.metadata.options.length > 0 ?\n input.metadata.options.map((o, oi) => {\n return \n 0 ? ' invalid' : '')\n }\n disabled={options.readOnly}\n value={o ? o : ''}\n data-key={input.key}\n data-bind={input.key}\n data-virtual-tabindex={input.metadata && !!input.metadata.virtualTabIndex ? input.metadata.virtualTabIndex : null}\n checked={(options.value && options.value.split('|').some(v => v === o))}\n onChange={fn.isFunction(options.onChange) && !options.readOnly ? (e) => { options.onChange(e, input.key, options.referenceObject) } : (e) => { e.preventDefault(); e.stopPropagation(); }}\n onClick={!fn.isFunction(options.onChange) || options.readOnly ? (e) => { e.preventDefault(); e.stopPropagation(); } : null}\n />\n 0 ? ' text-danger' : '')\n }\n >\n {o}{input.metadata && input.metadata.placeholder ? {input.metadata.placeholder} : null}\n \n
\n }) : null\n }\n \n \n \n\n case 'Date':\n return \n {\n isMobile ?\n 0 ? ' invalid' : '')\n }\n autoComplete='off'\n data-key={input.key}\n data-bind={input.key}\n data-virtual-tabindex={input.metadata && !!input.metadata.virtualTabIndex ? input.metadata.virtualTabIndex : null}\n disabled={options.readOnly}\n title={options.value ? options.value : null}\n value={options.value ? options.value : ''}\n onChange={fn.isFunction(options.onChange) && !options.readOnly ? (e) => { options.onChange(e, input.key, options.referenceObject) } : () => { }}\n /> :\n 0 ? ' invalid' : '')\n }\n autoComplete='off'\n data-key={input.key}\n data-bind={input.key}\n data-virtual-tabindex={input.metadata && !!input.metadata.virtualTabIndex ? input.metadata.virtualTabIndex : null}\n disabled={options.readOnly}\n title={options.value ? options.value : null}\n value={options.value ? options.value : ''}\n onChange={fn.isFunction(options.onChange) && !options.readOnly ? (e) => { options.onChange(e, input.key, options.referenceObject) } : () => { }}\n />\n }\n
\n \n \n\n case 'Time':\n return \n 0 ? ' invalid' : '')\n }\n spellCheck={false}\n autoComplete='off'\n data-key={input.key}\n data-bind={input.key}\n data-virtual-tabindex={input.metadata && !!input.metadata.virtualTabIndex ? input.metadata.virtualTabIndex : null}\n disabled={options.readOnly}\n title={options.value ? options.value : null}\n value={options.value ? options.value : ''}\n onChange={fn.isFunction(options.onChange) && !options.readOnly ? (e) => { options.onChange(e, input.key, options.referenceObject) } : () => { }}\n />\n
\n \n \n\n case 'ImageAnnotation':\n return \n { options.onChange(e, input.key, options.referenceObject, content) } : () => { }}\n />\n
\n \n \n\n case 'MaskedInput':\n const maskKey = getMaskKey(input.metadata);\n const css = getMaskCss(input.metadata);\n\n return \n {\n maskKey && !isMobile ?\n 0 ? ' invalid' : '') +\n (css ? ` ${css}` : '')\n }\n autoComplete='off'\n data-key={input.key}\n data-bind={input.key}\n data-virtual-tabindex={input.metadata && !!input.metadata.virtualTabIndex ? input.metadata.virtualTabIndex : null}\n disabled={options.readOnly}\n title={options.value ? options.value : null}\n value={options.value ? options.value : ''}\n onChange={fn.isFunction(options.onChange) && !options.readOnly ? (e) => { options.onChange(e, input.key, options.referenceObject) } : () => { }}\n /> :\n 0 ? ' invalid' : '') +\n (css ? ` ${css}` : '')\n }\n data-key={input.key}\n data-bind={input.key}\n data-virtual-tabindex={input.metadata && !!input.metadata.virtualTabIndex ? input.metadata.virtualTabIndex : null}\n autoComplete='off'\n disabled={options.readOnly}\n title={options.value ? options.value : null}\n value={options.value ? options.value : ''}\n onChange={fn.isFunction(options.onChange) && !options.readOnly ? (e) => { options.onChange(e, input.key, options.referenceObject) } : () => { }}\n />\n }\n
\n \n \n\n case 'FileViewer':\n const fileData = options.files.filter(f => f.key === input.key);\n\n return \n {\n !options.readOnly ?\n
\n \n \n\n default:\n break;\n }\n}\n\nexport const getDefaultPosition = templateInput => {\n switch (templateInput.type) {\n case 'SingleLineText':\n case 'Dropdown':\n case 'Date':\n case 'Time':\n case 'MaskedInput':\n return templateInput.label ? { w: 12, h: 4 } : { w: 12, h: 4 };\n\n case 'MultiLineText':\n case 'FileViewer':\n return templateInput.label ? { w: 12, h: 8 } : { w: 12, h: 6 };\n\n case 'RichText':\n return templateInput.label ? { w: 12, h: 8 } : { w: 12, h: 6 };\n\n case 'Radio':\n case 'Checkbox':\n case 'ImageAnnotation':\n if (templateInput.metadata && templateInput.metadata.inline && !!templateInput.metadata.inline) {\n return templateInput.label ? { w: 12, h: 3 } : { w: 12, h: 2 };\n } else {\n return templateInput.label ? { w: 12, h: 6 } : { w: 12, h: 2 };\n }\n\n case 'Check':\n case 'Circle':\n return templateInput.label ? { w: 12, h: 6 } : { w: 4, h: 4 };\n\n default:\n return {};\n }\n}\n\nconst renderFile = file => {\n if (!file || !file.uri) return;\n\n switch (file.mimeType) {\n case 'application/pdf':\n return ;\n\n case 'image/jpeg':\n case 'image/jpg':\n case 'image/gif':\n case 'image/png':\n case 'image/bmp':\n return \n { options.onChange(e, input.key, options.referenceObject) } : () => { }}\n />\n \n {input.metadata && input.metadata.fileText ? input.metadata.fileText : `Upload file${input.metadata && input.metadata.fileMultiple === true ? '(s)' : ''}`}\n \n
: null\n }\n {\n input.metadata && input.metadata.filePreview === true && fileData && fileData.length === 1 && fileData[0].files && fileData[0].files.filter(f => !!f.uri).length === 1 ?\n renderFile(fileData[0].files[0]) : null\n }\n \n 
\n
\n\n default:\n return \n
\n }\n}\n\nconst getMaskKey = (metadata) => {\n if (metadata) {\n switch (metadata.inputmask) {\n case 'email':\n return MaskKeys.EMAIL_MASK;\n\n case 'phone':\n return MaskKeys.PHONE_MASK;\n\n case 'postal':\n return MaskKeys.POSTAL_MASK;\n\n case 'ohip':\n return MaskKeys.OHIP_MASK;\n\n case 'ohip-no-code':\n return MaskKeys.OHIP_NO_CODE_MASK;\n\n case 'ohip-code':\n return MaskKeys.OHIP_CODE_MASK;\n\n default:\n return null;\n }\n }\n\n return null;\n}\n\nconst getMaskCss = (metadata) => {\n if (metadata) {\n switch (metadata.inputmask) {\n case 'email':\n return 'text-lowercase';\n\n case 'phone':\n return null;\n\n case 'postal':\n return 'text-uppercase';\n\n case 'ohip':\n return 'text-uppercase';\n\n case 'ohip-no-code':\n return null;\n\n case 'ohip-code':\n return 'text-uppercase';\n\n default:\n return null;\n }\n }\n\n return null;\n}\n\nconst getValidationErrors = ({ type, metadata }, options) => {\n const errors = [];\n\n if (metadata && options) {\n if (metadata.isRequired && !options.value) {\n errors.push(ErrorMessages.GENERIC_ERROR_REQUIRED);\n }\n\n if (type && type === 'Date' && options.value) {\n if (!fn.regexTester.date.test(options.value)) {\n errors.push(ErrorMessages.INVALID_DATE_FORMAT);\n }\n }\n\n if (metadata.inputmask && options.value) {\n switch (metadata.inputmask) {\n case 'date':\n if (!fn.regexTester.date.test(options.value)) {\n errors.push(ErrorMessages.INVALID_DATE_FORMAT);\n }\n break;\n\n case 'email':\n if (!fn.regexTester.email.test(options.value.toLowerCase())) {\n errors.push(ErrorMessages.INVALID_EMAIL_FORMAT);\n }\n break;\n\n case 'phone':\n if (!fn.regexTester.phone.test(options.value)) {\n errors.push(ErrorMessages.INVALID_PHONE_FORMAT);\n }\n break;\n\n case 'postal':\n if (!fn.regexTester.postal.test(options.value.toUpperCase())) {\n errors.push(ErrorMessages.INVALID_POSTAL_FORMAT);\n }\n break;\n\n case 'ohip':\n const ohip = options.value.replace(/\\W/g, '');\n\n if (!fn.regexTester.ohip.test(ohip)) {\n errors.push(ErrorMessages.INVALID_OHIP_FORMAT);\n }\n break;\n\n case 'ohip-no-code':\n const ohipNoCode = options.value.replace(/\\W/g, '');\n\n if (!fn.regexTester.ohipNoCode.test(ohipNoCode)) {\n errors.push(ErrorMessages.INVALID_OHIP_FORMAT);\n }\n break;\n\n case 'ohip-code':\n const ohipCode = options.value.replace(/\\W/g, '');\n\n if (!fn.regexTester.ohipCode.test(ohipCode)) {\n errors.push(ErrorMessages.INVALID_OHIP_FORMAT);\n }\n break;\n\n default:\n break;\n }\n }\n }\n\n return errors;\n}\n\n\n\nexport const getDataTypes = () => {\n return ['String', 'Integer', 'Decimal'];\n}\n\nexport const checkDataTypeOption = (dataType, option) => {\n if (!dataType || !option) return false;\n\n switch (dataType) {\n case 'String':\n return [\n TEMPLATE_INPUT_METADATA_DATA_PADDING_TYPE,\n TEMPLATE_INPUT_METADATA_DATA_PADDING_CHARACTER,\n TEMPLATE_INPUT_METADATA_DATA_PADDING_LENGTH,\n TEMPLATE_INPUT_METADATA_DATA_VALIDATION,\n ].some(t => t === option);\n\n case 'Integer':\n return [\n TEMPLATE_INPUT_METADATA_DATA_PADDING_TYPE,\n TEMPLATE_INPUT_METADATA_DATA_PADDING_CHARACTER,\n TEMPLATE_INPUT_METADATA_DATA_PADDING_LENGTH,\n TEMPLATE_INPUT_METADATA_DATA_DEFAULT_NEGATIVE,\n TEMPLATE_INPUT_METADATA_DATA_FORMAT,\n TEMPLATE_INPUT_METADATA_DATA_VALIDATION,\n ].some(t => t === option);\n\n case 'Decimal':\n return [\n TEMPLATE_INPUT_METADATA_DATA_DECIMAL_PLACES,\n TEMPLATE_INPUT_METADATA_DATA_DEFAULT_NEGATIVE,\n TEMPLATE_INPUT_METADATA_DATA_FORMAT,\n TEMPLATE_INPUT_METADATA_DATA_VALIDATION,\n ].some(t => t === option);\n\n default:\n return false;\n }\n}\n\nexport const getFormatOptions = (dataType, decimalPlaces = 2) => {\n switch (dataType) {\n case 'String':\n break;\n\n case 'Integer':\n return [{\n type: 'None',\n example: 'Display as is',\n }, {\n type: 'PlusMinus',\n example: '+1, -1, 0',\n }, {\n type: 'PlusMinusPlusZero',\n example: '+1, -1, +0',\n }]\n\n case 'Decimal':\n return [{\n type: 'None',\n example: 'Display as is',\n }, {\n type: 'PlusMinus',\n example: `+1.${''.padEnd((decimalPlaces), '0')}, -1.${''.padEnd(decimalPlaces, '0')}, 0.${''.padEnd(decimalPlaces, '0')}`,\n }, {\n type: 'PlusMinusPlusZero',\n example: `+1.${''.padEnd(decimalPlaces, '0')}, -1.${''.padEnd(decimalPlaces, '0')}, +0.${''.padEnd(decimalPlaces, '0')}`,\n }]\n\n default:\n return [];\n }\n}\n\nexport const validateDataType = (metadata, value) => {\n if (!metadata || !metadata.dataType || !value) return true;\n\n let unformattedValue = value;\n\n unformattedValue = removePadding(metadata, unformattedValue);\n unformattedValue = removeFormat(metadata, unformattedValue);\n\n switch (metadata.dataType) {\n case 'String':\n return true;\n\n case 'Integer':\n const integerValue = parseFloat(unformattedValue, 10);\n return Number.isInteger(integerValue);\n\n case 'Decimal':\n const floatValue = parseFloat(unformattedValue, 10);\n return Number.isInteger(floatValue) || (Number(floatValue) === floatValue && floatValue % 1 !== 0);\n\n default:\n return true;\n }\n}\n\nexport const applyFormat = (metadata, value) => {\n if (!metadata || !value || !metadata.format || metadata.paddingType) return value;\n\n let unformattedValue = value;\n const isDefaultNegative = !fn.isNullOrUndefined(metadata.isDefaultNegative) ? !!metadata.isDefaultNegative : false;\n\n unformattedValue = removeFormat(metadata, unformattedValue);\n\n switch (metadata.dataType) {\n case 'String':\n break;\n\n case 'Integer':\n let integerValue = parseInt(unformattedValue, 10);\n\n if (integerValue > 0 && isDefaultNegative) {\n integerValue = integerValue * -1;\n }\n\n switch (metadata.format) {\n case 'PlusMinus':\n return `${(integerValue > 0 ? '+' : '')}${integerValue}`.replace('++', '+');\n\n case 'PlusMinusPlusZero':\n return `${(integerValue >= 0 ? '+' : '')}${integerValue}`.replace('++', '+');\n\n default:\n return integerValue;\n }\n\n case 'Decimal':\n const decimalPlaces = !!metadata.decimalPlaces && Number.isInteger(parseInt(metadata.decimalPlaces, 10)) ? parseInt(metadata.decimalPlaces, 10) : 2;\n let decimalValue = parseFloat(unformattedValue, 10).toFixed(decimalPlaces);\n\n if (decimalValue > 0 && isDefaultNegative) {\n decimalValue = (decimalValue * -1.0).toFixed(decimalPlaces);\n }\n\n switch (metadata.format) {\n case 'PlusMinus':\n return `${(parseFloat(decimalValue, 10) > 0 ? '+' : '')}${decimalValue}`.replace('++', '+');\n\n case 'PlusMinusPlusZero':\n return `${(parseFloat(decimalValue) >= 0 ? '+' : '')}${decimalValue}`.replace('++', '+');\n\n default:\n return decimalValue;\n }\n\n default:\n return value;\n }\n}\n\nexport const applyPadding = (metadata, value) => {\n if (!metadata || !value || !metadata.paddingType || !metadata.paddingCharacter || !metadata.paddingLength) return value;\n\n let unformattedValue = value;\n const length = parseInt(metadata.paddingLength, 10);\n\n unformattedValue = removePadding(metadata, unformattedValue);\n\n if (['String', 'Integer'].some(i => i === metadata.dataType)) {\n switch (metadata.paddingType) {\n case 'left':\n return unformattedValue.padStart(length, metadata.paddingCharacter);\n\n case 'right':\n return unformattedValue.padEnd(length, metadata.paddingCharacter);\n\n default:\n return value;\n }\n }\n\n return value;\n}\n\nexport const removeFormat = (metadata, value) => {\n if (!metadata || !value || !metadata.format) return value;\n\n let stringValue = value ? value.toString() : '';\n\n switch (metadata.dataType) {\n case 'String':\n return stringValue;\n\n case 'Integer':\n case 'Decimal':\n return stringValue.replace(/^[+]+/, '');\n\n default:\n return stringValue;\n }\n}\n\nexport const removePadding = (metadata, value) => {\n if (!metadata || !value || !metadata.paddingType || !metadata.paddingCharacter) return value;\n\n if (['String', 'Integer'].some(i => i === metadata.dataType)) {\n switch (metadata.paddingType) {\n case 'Left':\n return value.replace(new RegExp('^[' + metadata.paddingCharacter + ']+'), '');\n\n case 'Right':\n return value.replace(new RegExp('[' + metadata.paddingCharacter + ']+$'), '');\n\n default:\n return value;\n }\n }\n\n return value;\n}","import * as fn from './_functions';\nimport moment, { isMoment } from 'moment';\nimport * as StorageKeys from '../constants/storageKeys';\n\nexport const COMMON_RELATIONSHIP_TYPES = ['Father', 'Mother', 'Son', 'Daughter', 'Brother', 'Sister', 'Husband', 'Wife', 'Grandfather', 'Grandmother', 'Grandson', 'Granddaughter', 'Guardian'];\nexport const SALUTATION_TYPES = ['Dr', 'Miss', 'Mr', 'Mrs', 'Ms'];\n\nexport const parseName = (name) => {\n if (!name || !/^[a-zA-Z\\s.,'-]+$/.test(name)) return null;\n\n if (name.lastIndexOf(',') >= 0) {\n name = name.split(',').reverse().join(' ');\n }\n\n let nameParts = name.split(' ');\n\n if (nameParts && nameParts.length > 0) {\n const salutation = SALUTATION_TYPES.filter(t => t === nameParts[0] || t === `${nameParts[0]}.`)[0];\n\n if (!!salutation) {\n nameParts = nameParts.slice(1);\n }\n\n switch (nameParts.length) {\n case 1:\n return {\n salutation: salutation,\n firstName: nameParts[0],\n middleName: null,\n lastName: null,\n };\n\n case 2:\n return {\n salutation: salutation,\n firstName: nameParts[0],\n middleName: null,\n lastName: nameParts[1],\n };\n\n case 3:\n return {\n salutation: salutation,\n firstName: nameParts[0],\n middleName: nameParts[1],\n lastName: nameParts[2],\n };\n\n default:\n return {\n salutation: salutation,\n firstName: nameParts[0],\n middleName: nameParts[1],\n lastName: nameParts.slice(2).join(' '),\n }\n }\n }\n}\n\nexport const getFullName = (obj, includePreferredFirstName) => {\n let fullName;\n\n if (!!obj.systemDisplayName) {\n return obj.systemDisplayName;\n }\n\n if (obj.middleName) {\n fullName = `${fn.isNullOrUndefined(obj.firstName) ? '' : obj.firstName}${includePreferredFirstName === true && obj.preferredFirstName && obj.preferredFirstName !== obj.firstName ? ` (${obj.preferredFirstName})` : ''} ${obj.middleName.substring(0, 1)}. ${(fn.isNullOrUndefined(obj.lastName) ? '' : obj.lastName)}`.trim();\n }\n else {\n fullName = `${fn.isNullOrUndefined(obj.firstName) ? '' : obj.firstName}${includePreferredFirstName === true && obj.preferredFirstName && obj.preferredFirstName !== obj.firstName ? ` (${obj.preferredFirstName})` : ''} ${(fn.isNullOrUndefined(obj.lastName) ? '' : obj.lastName)}`.trim();\n }\n\n if (obj.suffix) {\n fullName = `${fullName} ${obj.suffix}.`;\n }\n\n if (obj.salutation && obj.salutation === 'Dr') {\n fullName = `Dr. ${fullName}`;\n }\n\n return fullName;\n}\n\nexport const getLastFirstMiddleName = (obj, includePreferredFirstName) => {\n let lastFirstMiddleName = getLastFirstName(obj, includePreferredFirstName);\n\n if (!!obj.systemDisplayName) {\n return obj.systemDisplayName;\n }\n\n return `${lastFirstMiddleName}${(obj.middleName ? ` ${obj.middleName}` : '')}`;\n}\n\nexport const getFirstLastName = (obj, includePreferredFirstName) => {\n let firstlastname;\n let lastName = fn.isNullOrUndefined(obj.lastName) ? '' : obj.lastName;\n\n if (!!obj.systemDisplayName) {\n return obj.systemDisplayName;\n }\n\n if (obj.suffix) {\n lastName = `${lastName} ${obj.suffix}.`;\n }\n\n firstlastname = `${fn.isNullOrUndefined(obj.firstName) ? '' : obj.firstName}${includePreferredFirstName === true && obj.preferredFirstName && obj.preferredFirstName !== obj.firstName ? ` (${obj.preferredFirstName})` : ''} ${lastName}`;\n\n if (obj.salutation && obj.salutation === 'Dr') {\n firstlastname = `Dr. ${firstlastname}`;\n }\n\n return firstlastname;\n}\n\nexport const getPreferredFullName = (obj, includeFirstName) => {\n let fullName;\n let firstName = obj.preferredFirstName ? obj.preferredFirstName : fn.isNullOrUndefined(obj.firstName) ? '' : obj.firstName;\n\n if (!!obj.systemDisplayName) {\n return obj.systemDisplayName;\n }\n\n if (obj.middleName) {\n fullName = `${firstName}${includeFirstName === true && obj.preferredFirstName && obj.preferredFirstName !== obj.firstName ? ` (${fn.isNullOrUndefined(obj.firstName) ? '' : obj.firstName})` : ''} ${obj.middleName.substring(0, 1)}. ${(fn.isNullOrUndefined(obj.lastName) ? '' : obj.lastName)}`.trim();\n }\n else {\n fullName = `${firstName}${includeFirstName === true && obj.preferredFirstName && obj.preferredFirstName !== obj.firstName ? ` (${fn.isNullOrUndefined(obj.firstName) ? '' : obj.firstName})` : ''} ${(fn.isNullOrUndefined(obj.lastName) ? '' : obj.lastName)}`.trim();\n }\n\n if (obj.suffix) {\n fullName = `${fullName} ${obj.suffix}.`;\n }\n\n if (obj.salutation && obj.salutation === 'Dr') {\n fullName = `Dr. ${fullName}`;\n }\n\n return fullName;\n}\n\nexport const getPreferredFirstLastName = (obj, includeFirstName) => {\n if (!obj) return '';\n\n let firstlastname;\n let firstName = obj.preferredFirstName ? obj.preferredFirstName : fn.isNullOrUndefined(obj.firstName) ? '' : obj.firstName;\n let lastName = fn.isNullOrUndefined(obj.lastName) ? '' : obj.lastName;\n\n if (!!obj.systemDisplayName) {\n return obj.systemDisplayName;\n }\n\n if (obj.suffix) {\n lastName = `${lastName} ${obj.suffix}.`;\n }\n\n firstlastname = `${firstName}${includeFirstName === true && obj.preferredFirstName && obj.preferredFirstName !== obj.firstName ? ` (${fn.isNullOrUndefined(obj.firstName) ? '' : obj.firstName})` : ''} ${lastName}`;\n\n if (obj.salutation && obj.salutation === 'Dr') {\n firstlastname = `Dr. ${firstlastname}`;\n }\n\n return firstlastname;\n}\n\nexport const getLastFirstName = (obj, includePreferredFirstName) => {\n let lastName = fn.isNullOrUndefined(obj.lastName) ? '' : obj.lastName;\n\n if (!!obj.systemDisplayName) {\n return obj.systemDisplayName;\n }\n\n if (obj.suffix) {\n lastName = `${lastName} ${obj.suffix}.`;\n }\n\n return `${lastName}, ${fn.isNullOrUndefined(obj.firstName) ? '' : obj.firstName}${includePreferredFirstName === true && obj.preferredFirstName && obj.preferredFirstName !== obj.firstName ? ` (${obj.preferredFirstName})` : ''}`;\n}\n\nexport const getPreferredLastFirstName = (obj, includeFirstName) => {\n let lastFirstName;\n let firstName = obj && obj.preferredFirstName && obj.preferredFirstName !== obj.firstName ? obj.preferredFirstName : fn.isNullOrUndefined(obj.firstName) ? '' : obj.firstName;\n let lastName = obj && fn.isNullOrUndefined(obj.lastName) ? '' : obj.lastName;\n\n if (!!obj.systemDisplayName) {\n return obj.systemDisplayName;\n }\n\n if (obj.suffix) {\n lastName = `${lastName} ${obj.suffix}.`;\n }\n\n lastFirstName = `${lastName}, ${firstName}${includeFirstName === true && obj.preferredFirstName && obj.preferredFirstName !== obj.firstName ? ` (${fn.isNullOrUndefined(obj.firstName) ? '' : obj.firstName})` : ''}`;\n return lastFirstName;\n}\n\nexport const getPreferredLastFirstMiddleName = (obj, includeFirstName) => {\n let preferredLastFirstMiddleName = getLastFirstName(obj, includeFirstName);\n\n if (!!obj.systemDisplayName) {\n return obj.systemDisplayName;\n }\n\n return `${preferredLastFirstMiddleName}${(obj.middleName ? ` ${obj.middleName}` : '')}`;\n}\n\nexport const getPreferredFirstName = (obj) => {\n if (!obj) return '';\n let firstName = obj && obj.preferredFirstName ? obj.preferredFirstName : fn.isNullOrUndefined(obj.firstName) ? '' : obj.firstName;\n\n if (!!obj.systemDisplayName) {\n return obj.systemDisplayName;\n }\n\n return firstName;\n}\n\nexport const getPreferredFirstNameLastInitial = (obj) => {\n if (!obj) return '';\n let firstName = obj && obj.preferredFirstName ? obj.preferredFirstName : fn.isNullOrUndefined(obj.firstName) ? '' : obj.firstName;\n let lastInitial = obj && obj.lastName && obj.lastName.length > 0 ? `${obj.lastName[0]}.` : '';\n if (!!obj.systemDisplayName) {\n return obj.systemDisplayName;\n }\n\n return (firstName + ' ' + lastInitial).trim();\n}\n\nexport const getInitials = obj => {\n let initials;\n\n if (obj && typeof (obj) === 'string') {\n const parts = obj.split(' ');\n\n if (parts.length > 1) {\n initials = `${parts[0].substring(0, 1)}${parts[1].substring(0, 1)}`;\n }\n else {\n initials = `${parts[0].substring(0, 1)}${parts[0].length > 1 ? parts[0].substring(1, 1) : ''}`;\n }\n }\n else {\n if (obj && !fn.isNullOrUndefined(fn.isNullOrUndefined(obj.firstName) ? '' : obj.firstName)) {\n initials = `${initials ? initials : ''}${fn.isNullOrUndefined(obj.firstName) ? '' : obj.firstName.substring(0, 1).toUpperCase()}`;\n }\n if (obj && !fn.isNullOrUndefined(fn.isNullOrUndefined(obj.lastName) ? '' : obj.lastName)) {\n initials = `${initials ? initials : ''}${fn.isNullOrUndefined(obj.lastName) ? '' : obj.lastName.substring(0, 1).toUpperCase()}`;\n }\n }\n\n return initials;\n}\n\nexport const getAge = (dateOfBirth, asOfDate, fullDescription) => {\n if (dateOfBirth) {\n const year = fullDescription === true ? 'years old' : 'yr.';\n const month = fullDescription === true ? 'months old' : 'mo.';\n const week = fullDescription === true ? 'weeks old' : 'wk.';\n const day = fullDescription === true ? 'days old' : 'day';\n const dob = isMoment(dateOfBirth) ? dateOfBirth.clone() : moment(dateOfBirth);\n const aod = asOfDate ? (isMoment(asOfDate) ? asOfDate.clone() : moment(asOfDate)) : moment();\n\n if (dob.isValid) {\n const years = aod.clone().diff(dob, 'years');\n const months = aod.clone().diff(dob, 'months');\n const weeks = aod.clone().diff(dob, 'weeks');\n const days = aod.clone().diff(dob, 'days');\n return years > 0 ? `${years} ${year}` : (months > 0 ? `${months} ${month}` : (weeks > 0 ? `${weeks} ${week}` : (days > 1 ? `${days} ${day}` : '')));\n }\n }\n\n return '';\n}\n\nexport const getSexCode = (sex) => {\n if (!sex) return '';\n\n switch (sex) {\n case 'Male':\n return 'M';\n\n case 'Female':\n return 'F';\n\n default:\n return '';\n }\n}\n\nexport const getGenderCode = (gender, sex) => {\n let code;\n const sexCode = getSexCode(sex);\n\n switch (gender) {\n case 'Male':\n code = 'M';\n break;\n\n case 'Female':\n code = 'F';\n break;\n\n case 'NonBinary':\n return 'NB';\n\n default:\n return sexCode;\n }\n\n if (sexCode && sexCode !== code) {\n code = `T${code}`;\n }\n\n return code;\n}\n\nexport const getSexDescription = (sex) => {\n if (!sex) return '';\n\n switch (sex) {\n case 'Male':\n return 'Male';\n\n case 'Female':\n return 'Female';\n\n default:\n return '';\n }\n}\n\nexport const getSexDisplay = (person) => {\n if (!person || !person.sex) return '';\n return getSexDescription(person.sex);\n}\n\nexport const getGenderDescription = (gender) => {\n if (!gender) return '';\n\n switch (gender) {\n case 'Male':\n return 'Male';\n\n case 'Female':\n return 'Female';\n\n case 'NonBinary':\n return 'Non-Binary';\n\n case 'Other':\n return 'Other';\n\n default:\n return '';\n }\n}\n\nexport const getGenderDisplay = (person) => {\n if (!person || !person.gender) return '';\n\n if (person.gender === 'Other' && !!person.genderOther) {\n return person.genderOther;\n }\n\n return getGenderDescription(person.gender);\n}\n\nexport const getPronounDescription = (pronoun) => {\n if (!pronoun) return '';\n\n switch (pronoun) {\n case 'HeHim':\n return \"He/Him\";\n\n case 'HeThey':\n return \"He/They\";\n\n case 'SheHer':\n return 'She/Her';\n\n case 'SheThey':\n return \"She/They\";\n\n case 'AeAer':\n return \"Ae/Aer\";\n\n case 'FaeFaer':\n return \"Fae/Faer\";\n\n case 'EyEm':\n return \"Ey/Em\";\n\n case 'PerPer':\n return \"Per/Per\";\n\n case 'VeVer':\n return \"Ve/Ver\";\n\n case 'XeXem':\n return \"Xe/Xem\";\n\n case 'ZeHir':\n return \"Ze/Hir\";\n\n case 'TheyThem':\n return 'They/Them';\n\n case 'Other':\n return 'Other';\n\n default:\n break;\n }\n\n return '';\n}\n\nexport const getPronounDisplay = (person) => {\n if (!person || !person.pronoun) {\n return '';\n }\n\n if (person.pronoun === 'Other' && !!person.pronounOther) {\n return person.pronounOther;\n }\n\n return getPronounDescription(person.pronoun);\n}\n\nexport const getSexGenderPronounDisplay = (person) => {\n if (!person) return '';\n\n if (!!person.pronoun) {\n return getPronounDisplay(person);\n }\n else if (!!person.gender) {\n return getGenderDisplay(person);\n }\n else if (!!person.sex) {\n return getSexDisplay(person);\n }\n\n return ''\n}\n\nexport const getPhoneIcon = type => {\n if (!type) return;\n\n switch (type.toLowerCase()) {\n case 'mobile':\n return 'fal fa-mobile-alt';\n\n case 'home':\n return 'fal fa-phone-rotary';\n\n case 'work':\n return 'fal fa-phone-office';\n\n default:\n return;\n }\n}\n\nexport const getHealthCardType = healthcard => {\n if (!healthcard) return null;\n\n const cleansedHealthcard = healthcard.replace(/\\W/g, '');\n const length = cleansedHealthcard.length;\n\n switch (length) {\n case 10:\n if (fn.regexTester.ohipOld.test(cleansedHealthcard)) {\n return 'RedWhite';\n }\n return null;\n\n case 11:\n if (fn.regexTester.ohipOld.test(cleansedHealthcard)) {\n return 'RedWhiteN';\n }\n return null;\n\n case 12:\n if (fn.regexTester.ohip.test(cleansedHealthcard)) {\n return 'Green';\n }\n return null;\n\n default:\n return null;\n }\n}\n\nexport const isHealthCard = (value) => {\n return !!parseHealthCard(value)\n}\n\nexport const parseHealthCard = (value) => {\n if (!value) return null;\n\n const testValue = value.replace(/\\W/g, '').trim();\n\n if (fn.regexTester.ohip.test(testValue) || fn.regexTester.ohipOld.test(testValue)) {\n return testValue;\n }\n\n return null;\n}\n\nexport const formatHealthCard = healthcard => {\n if (!healthcard) return healthcard;\n\n const cleansedHealthcard = healthcard.replace(/\\W/g, '');\n const healthcardType = getHealthCardType(healthcard);\n\n switch (healthcardType) {\n case 'RedWhite':\n return `${cleansedHealthcard.substring(0, 4)} ${cleansedHealthcard.substring(4, 7)} ${cleansedHealthcard.substring(7, 10)}`;\n\n case 'RedWhiteN':\n return `${cleansedHealthcard.substring(0, 4)} ${cleansedHealthcard.substring(4, 7)} ${cleansedHealthcard.substring(7, 10)} N`;\n\n case 'Green':\n return `${cleansedHealthcard.substring(0, 4)}-${cleansedHealthcard.substring(4, 7)}-${cleansedHealthcard.substring(7, 10)}-${cleansedHealthcard.substring(10, 12)}`.toUpperCase();\n\n default:\n return healthcard;\n }\n}\n\nexport const getReversedRelationship = (party1, relationship) => {\n if (party1 && relationship) {\n const gender = getGenderDescription(party1.gender, party1.sex);\n\n switch (relationship) {\n case 'Grandparent':\n case 'Grandfather':\n case 'Grandmother':\n switch (gender) {\n case 'Male':\n return 'Grandson';\n\n case 'Female':\n return 'Granddaughter';\n\n default:\n return 'Grandchild';\n }\n\n case 'Parent':\n case 'Father':\n case 'Mother':\n switch (gender) {\n case 'Male':\n return 'Son';\n\n case 'Female':\n return 'Daughter';\n\n default:\n return 'Child';\n }\n\n case 'Child':\n case 'Son':\n case 'Daughter':\n switch (gender) {\n case 'Male':\n return 'Father';\n\n case 'Female':\n return 'Mother';\n\n default:\n return 'Parent';\n }\n\n case 'Sibling':\n case 'Brother':\n case 'Sister':\n switch (gender) {\n case 'Male':\n return 'Brother';\n\n case 'Female':\n return 'Sister';\n\n default:\n return 'Sibling';\n }\n\n case 'Grandchild':\n case 'Grandson':\n case 'Granddaughter':\n switch (gender) {\n case 'Male':\n return 'Grandfather';\n\n case 'Female':\n return 'Grandmother';\n\n default:\n return 'Grandparent';\n }\n\n case 'Relative':\n return 'Relative';\n\n case 'Uncle':\n case 'Aunt':\n switch (gender) {\n case 'Male':\n return 'Nephew';\n\n case 'Female':\n return 'Niece';\n\n default:\n return 'Relative';\n }\n\n case 'Nephew':\n case 'Niece':\n switch (gender) {\n case 'Male':\n return 'Uncle';\n\n case 'Female':\n return 'Aunt';\n\n default:\n return 'Relative';\n }\n\n case 'Stepparent':\n case 'Stepfather':\n case 'Stepmother':\n switch (gender) {\n case 'Male':\n return 'Stepson';\n\n case 'Female':\n return 'Stepdaughter';\n\n default:\n return 'Stepchild';\n }\n\n case 'Stepchild':\n case 'Stepson':\n case 'Stepdaughter':\n switch (gender) {\n case 'Male':\n return 'Stepfather';\n\n case 'Female':\n return 'Stepdaughter';\n\n default:\n return 'Stepparent';\n }\n\n case 'Stepsibling':\n case 'Stepbrother':\n case 'Stepsister':\n switch (gender) {\n case 'Male':\n return 'Stepbrother';\n\n case 'Female':\n return 'Stepsister';\n\n default:\n return 'Stepsibling';\n }\n\n case 'InLaw':\n case 'FatherInLaw':\n case 'MotherInLaw':\n switch (gender) {\n case 'Male':\n return 'SonInLaw';\n\n case 'Female':\n return 'DaughterInLaw';\n\n default:\n return 'ChildInLaw';\n }\n\n case 'SonInLaw':\n case 'DaughterInLaw':\n case 'ChildInLaw':\n switch (gender) {\n case 'Male':\n return 'FatherInLaw';\n\n case 'Female':\n return 'MotherInLaw';\n\n default:\n return 'InLaw';\n }\n\n case 'SiblingInLaw':\n case 'BrotherInLaw':\n case 'SisterInLaw':\n switch (gender) {\n case 'Male':\n return 'BrotherInLaw';\n\n case 'Female':\n return 'SisterInLaw';\n\n default:\n return 'SiblingInLaw';\n }\n\n case 'Husband':\n case 'Wife':\n switch (gender) {\n case 'Male':\n return 'Husband';\n\n case 'Female':\n return 'Wife';\n\n default:\n break;\n }\n break;\n\n case 'CommonLaw':\n return 'CommonLaw';\n\n case 'Partner':\n return 'Partner';\n\n case 'Spouse':\n return 'Spouse';\n\n case 'Guardian':\n return 'Ward';\n\n case 'Caregiver':\n return 'Client';\n\n case 'Ward':\n return 'Guardian';\n\n case 'Client':\n return 'Caregiver';\n\n default:\n return null;\n }\n }\n\n return null;\n}\n\nexport const getFamilyRelationship = (relationship1, relationship2) => {\n const mapping = JSON.parse(window.localStorage.getItem(StorageKeys.REFERENCE_DATA)).filter(d => d.name === 'RelationshipMapping')[0].value;\n\n if (relationship1 && relationship2 && mapping) {\n var party1To2 = mapping.filter(m => m.relationship1 === relationship1 && m.relationship2 === relationship2)[0];\n\n if (party1To2) {\n return party1To2.party2Relationship;\n }\n\n var party2To1 = mapping.filter(m => m.relationship1 === relationship2 && m.relationship2 === relationship1)[0];\n\n if (party2To1 != null) {\n return party2To1.party1Relationship;\n }\n }\n\n return null;\n}","import React from 'react';\nimport uuid from 'react-uuid';\nimport moment from 'moment';\n\nimport * as PageSettings from '../constants/pageSettings';\nimport * as pph from '../utilities/prescriptionHelper';\n\nexport const PRINT_TEMPLATE_PAGE_SETTINGS_PAPER_LETTER_WIDTH = PageSettings.PAPER_LETTER_WIDTH;\nexport const PRINT_TEMPLATE_PAGE_SETTINGS_PAPER_LETTER_HEIGHT = PageSettings.PAPER_LETTER_HEIGHT;\nexport const PRINT_TEMPLATE_PAGE_SETTINGS_PAPER_A4_WIDTH = PageSettings.PAPER_A4_WIDTH;\nexport const PRINT_TEMPLATE_PAGE_SETTINGS_PAPER_A4_HEIGHT = PageSettings.PAPER_A4_WIDTH;\nexport const PRINT_TEMPLATE_PAGE_SETTINGS_PAPER_LEGAL_WIDTH = PageSettings.PAPER_LEGAL_WIDTH;\nexport const PRINT_TEMPLATE_PAGE_SETTINGS_PAPER_LEGAL_HEIGHT = PageSettings.PAPER_LEGAL_WIDTH;\nexport const PRINT_TEMPLATE_PAGE_SETTINGS_MARGINS_NARROW = PageSettings.MARGINS_NARROW;\nexport const PRINT_TEMPLATE_PAGE_SETTINGS_MARGINS_NORMAL = PageSettings.MARGINS_NORMAL;\nexport const PRINT_TEMPLATE_PAGE_SETTINGS_MARGINS_WIDE = PageSettings.MARGINS_WIDE;\nexport const PRINT_TEMPLATE_PAGE_SETTINGS_HEADER_FOOTER_HEIGHT_MIN = PageSettings.HEADER_FOOTER_HEIGHT_MIN;\nexport const PRINT_TEMPLATE_PAGE_SETTINGS_HEADER_FOOTER_HEIGHT_DEFAULT = PageSettings.HEADER_FOOTER_HEIGHT_DEFAULT;\nexport const PRINT_TEMPLATE_PAGE_SETTINGS_HEADER_FOOTER_HEIGHT_MAX = PageSettings.HEADER_FOOTER_HEIGHT_MAX;\n\nexport const PRINT_TEMPLATE_CELL_WIDTH = 12.75;\nexport const PRINT_TEMPLATE_ROW_HEIGHT = 5;\n\nexport const PRINT_ELEMENT_RICHTEXT_EDITOR = 'Richtext';\nexport const PRINT_ELEMENT_IMAGE = 'Image';\n\nexport const PRINT_ELEMENT_BUSINESS_NAME = 'BusinessName';\nexport const PRINT_ELEMENT_BUSINESS_FULL_ADDRESS = 'BusinessFullAddress';\nexport const PRINT_ELEMENT_BUSINESS_ADDRESS_LINE1 = 'BusinessAddressLine1';\nexport const PRINT_ELEMENT_BUSINESS_ADDRESS_LINE2 = 'BusinessAddressLine2';\nexport const PRINT_ELEMENT_BUSINESS_ADDRESS_COUNTRY = 'BusinessAddressCountry';\nexport const PRINT_ELEMENT_BUSINESS_PHONE = 'BusinessPhone';\nexport const PRINT_ELEMENT_BUSINESS_FAX = 'BusinessFax';\nexport const PRINT_ELEMENT_BUSINESS_EMAIL = 'BusinessEmail';\n\nexport const PRINT_ELEMENT_CUSTOMER_NAME = 'CustomerName';\nexport const PRINT_ELEMENT_CUSTOMER_FULL_ADDRESS = 'CustomerFullAddress';\nexport const PRINT_ELEMENT_CUSTOMER_ADDRESS_LINE1 = 'CustomerAddressLine1';\nexport const PRINT_ELEMENT_CUSTOMER_ADDRESS_LINE2 = 'CustomerAddressLine2';\nexport const PRINT_ELEMENT_CUSTOMER_ADDRESS_COUNTRY = 'CustomerAddressCountry';\nexport const PRINT_ELEMENT_CUSTOMER_PHONE = 'CustomerPhone';\nexport const PRINT_ELEMENT_CUSTOMER_EMAIL = 'CustomerEmail';\nexport const PRINT_ELEMENT_CUSTOMER_NEXT_APPOINTMENT = 'CustomerNextAppointment';\n\nexport const PRINT_ELEMENT_PRESCRIPTION_DOCTOR_NAME = 'PrescriptionDoctorName';\nexport const PRINT_ELEMENT_PRESCRIPTION_DOCTOR_LICENSE = 'PrescriptionDoctorLicense';\nexport const PRINT_ELEMENT_PRESCRIPTION_DOCTOR_SIGNATURE = 'PrescriptionDoctorSignature';\nexport const PRINT_ELEMENT_PRESCRIPTION_WRITTEN_DATE = 'PrescriptionWrittenDate';\nexport const PRINT_ELEMENT_PRESCRIPTION_EXPIRY_DATE = 'PrescriptionExpiryDate';\nexport const PRINT_ELEMENT_PRESCRIPTION_FIELDS = 'PrescriptionFields';\n\nexport const PRINT_ELEMENT_INVOICE_NUMBER = 'InvoiceNumber';\nexport const PRINT_ELEMENT_INVOICE_DATE = 'InvoiceDate';\nexport const PRINT_ELEMENT_INVOICE_DUE_DATE = 'InvoiceDueDate';\nexport const PRINT_ELEMENT_INVOICE_LICENSED_USER = 'InvoiceLicensedUser';\nexport const PRINT_ELEMENT_INVOICE_LICENSED_USER_NUMBER = 'InvoiceLicensedUserNumber';\nexport const PRINT_ELEMENT_INVOICE_SUB_TOTAL = 'InvoiceSubTotal';\nexport const PRINT_ELEMENT_INVOICE_TAX_RATE = 'InvoiceTaxRate';\nexport const PRINT_ELEMENT_INVOICE_TAX_AMOUNT = 'InvoiceTaxAmount';\nexport const PRINT_ELEMENT_INVOICE_DISCOUNT_RATE = 'InvoiceDiscountRate';\nexport const PRINT_ELEMENT_INVOICE_DISCOUNT_AMOUNT = 'InvoiceDiscountAmount';\nexport const PRINT_ELEMENT_INVOICE_TOTAL = 'InvoiceTotal';\nexport const PRINT_ELEMENT_INVOICE_AMOUNT_PAID = 'InvoiceAmountPaid';\nexport const PRINT_ELEMENT_INVOICE_TOTAL_DUE = 'InvoiceTotalDue';\nexport const PRINT_ELEMENT_INVOICE_NOTE = 'InvoiceNote';\n\nexport const PRINT_ELEMENT_INVOICE_ITEM_DESCRIPTION = 'InvoiceItemDescription';\nexport const PRINT_ELEMENT_INVOICE_ITEM_UNIT_PRICE = 'InvoiceItemUnitPrice';\nexport const PRINT_ELEMENT_INVOICE_ITEM_QUANTITY = 'InvoiceItemQuantity';\nexport const PRINT_ELEMENT_INVOICE_ITEM_DISCOUNT_RATE = 'InvoiceItemDiscountRate';\nexport const PRINT_ELEMENT_INVOICE_ITEM_DISCOUNT_AMOUNT = 'InvoiceItemDiscountAmount';\nexport const PRINT_ELEMENT_INVOICE_ITEM_TAX_RATE = 'InvoiceItemTaxRate';\nexport const PRINT_ELEMENT_INVOICE_ITEM_TAX_AMOUNT = 'InvoiceItemTaxAmount';\nexport const PRINT_ELEMENT_INVOICE_ITEM_TOTAL = 'InvoiceItemTotal';\n\nexport const PRINT_ELEMENT_PAYMENT_NUMBER = 'PaymentNumber';\nexport const PRINT_ELEMENT_PAYMENT_DATE = 'PaymentDate';\nexport const PRINT_ELEMENT_PAYMENT_TOTAL = 'PaymentTotal';\nexport const PRINT_ELEMENT_PAYMENT_PREVIOUS_TOTAL = 'PaymentPreviousTotal';\n\nexport const PRINT_ELEMENT_PAYMENT_ITEM_DESCRIPTION = 'PaymentItemDescription';\nexport const PRINT_ELEMENT_PAYMENT_ITEM_DATE = 'PaymentItemDate';\nexport const PRINT_ELEMENT_PAYMENT_ITEM_METHOD = 'PaymentItemMethod';\nexport const PRINT_ELEMENT_PAYMENT_ITEM_AMOUNT = 'PaymentItemAmount';\n\nexport const PRINT_ELEMENT_FAX_COVER_PAGE_SENDER = 'FaxCoverPageSender';\nexport const PRINT_ELEMENT_FAX_COVER_PAGE_RECIPIENT = 'FaxCoverPageRecipient';\nexport const PRINT_ELEMENT_FAX_COVER_PAGE_FAX_NUMBER = 'FaxCoverPageFaxNumber';\nexport const PRINT_ELEMENT_FAX_COVER_PAGE_SUBJECT = 'FaxCoverPageSubject';\nexport const PRINT_ELEMENT_FAX_COVER_PAGE_MESSAGE = 'FaxCoverPageMessage';\nexport const PRINT_ELEMENT_FAX_COVER_PAGE_NUMBER_OF_PAGES = 'FaxCoverPageNumberOfPages';\n\nexport const PRINT_ELEMENT_PRINT_DATE = 'PrintDate';\nexport const PRINT_ELEMENT_PAGE_NUMBER = 'PageNumber';\n\nexport const PRINT_TEMPLATE_METADATA_FIELDS = 'PRINT_TEMPLATE_METADATA_FIELDS';\nexport const PRINT_TEMPLATE_METADATA_ALIGN = 'PRINT_TEMPLATE_METADATA_ALIGN';\nexport const PRINT_TEMPLATE_METADATA_VALIGN = 'PRINT_TEMPLATE_METADATA_VALIGN';\nexport const PRINT_TEMPLATE_METADATA_PADDING = 'PRINT_TEMPLATE_METADATA_PADDING';\nexport const PRINT_TEMPLATE_METADATA_FONT_COLOR = 'PRINT_TEMPLATE_METADATA_FONT_COLOR';\nexport const PRINT_TEMPLATE_METADATA_FONT_SIZE = 'PRINT_TEMPLATE_METADATA_FONT_SIZE';\nexport const PRINT_TEMPLATE_METADATA_FONT_FAMILY = 'PRINT_TEMPLATE_METADATA_FONT_FAMILY';\nexport const PRINT_TEMPLATE_METADATA_FONT_STYLE = 'PRINT_TEMPLATE_METADATA_FONT_STYLE';\nexport const PRINT_TEMPLATE_METADATA_FONT_LETTER_SPACING = 'PRINT_TEMPLATE_METADATA_FONT_LETTER_SPACING';\nexport const PRINT_TEMPLATE_METADATA_BACKGROUND_COLOR = 'PRINT_TEMPLATE_METADATA_BACKGROUND_COLOR';\nexport const PRINT_TEMPLATE_METADATA_BORDER = 'PRINT_TEMPLATE_METADATA_BORDER';\nexport const PRINT_TEMPLATE_METADATA_BORDER_COLOR = 'PRINT_TEMPLATE_METADATA_BORDER_COLOR';\nexport const PRINT_TEMPLATE_METADATA_ALTERNATE_BACKGROUND_COLOR = 'PRINT_TEMPLATE_METADATA_BACKGROUND_COLOR';\nexport const PRINT_TEMPLATE_METADATA_CONTENT = 'PRINT_TEMPLATE_METADATA_CONTENT';\nexport const PRINT_TEMPLATE_METADATA_IMAGE = 'PRINT_TEMPLATE_METADATA_IMAGE';\nexport const PRINT_TEMPLATE_METADATA_FORMAT = 'PRINT_TEMPLATE_METADATA_FORMAT';\nexport const PRINT_TEMPLATE_METADATA_DISPLAY = 'PRINT_TEMPLATE_METADATA_DISPLAY';\nexport const PRINT_TEMPLATE_METADATA_HIDE_READONLY = 'PRINT_TEMPLATE_METADATA_HIDE_READONLY';\nexport const PRINT_TEMPLATE_METADATA_SIGNATURE = 'PRINT_TEMPLATE_METADATA_SIGNATURE';\n\nexport const PrintElementTypes = [\n PRINT_ELEMENT_RICHTEXT_EDITOR,\n PRINT_ELEMENT_IMAGE,\n PRINT_ELEMENT_BUSINESS_NAME,\n PRINT_ELEMENT_BUSINESS_FULL_ADDRESS,\n PRINT_ELEMENT_BUSINESS_ADDRESS_LINE1,\n PRINT_ELEMENT_BUSINESS_ADDRESS_LINE2,\n PRINT_ELEMENT_BUSINESS_ADDRESS_COUNTRY,\n PRINT_ELEMENT_BUSINESS_PHONE,\n PRINT_ELEMENT_BUSINESS_FAX,\n PRINT_ELEMENT_BUSINESS_EMAIL,\n PRINT_ELEMENT_CUSTOMER_NAME,\n PRINT_ELEMENT_CUSTOMER_FULL_ADDRESS,\n PRINT_ELEMENT_CUSTOMER_ADDRESS_LINE1,\n PRINT_ELEMENT_CUSTOMER_ADDRESS_LINE2,\n PRINT_ELEMENT_CUSTOMER_ADDRESS_COUNTRY,\n PRINT_ELEMENT_CUSTOMER_PHONE,\n PRINT_ELEMENT_CUSTOMER_EMAIL,\n PRINT_ELEMENT_CUSTOMER_NEXT_APPOINTMENT,\n PRINT_ELEMENT_PRESCRIPTION_DOCTOR_NAME,\n PRINT_ELEMENT_PRESCRIPTION_DOCTOR_LICENSE,\n PRINT_ELEMENT_PRESCRIPTION_DOCTOR_SIGNATURE,\n PRINT_ELEMENT_PRESCRIPTION_WRITTEN_DATE,\n PRINT_ELEMENT_PRESCRIPTION_EXPIRY_DATE,\n PRINT_ELEMENT_PRESCRIPTION_FIELDS,\n PRINT_ELEMENT_INVOICE_NUMBER,\n PRINT_ELEMENT_INVOICE_DATE,\n PRINT_ELEMENT_INVOICE_DUE_DATE,\n PRINT_ELEMENT_INVOICE_LICENSED_USER,\n PRINT_ELEMENT_INVOICE_LICENSED_USER_NUMBER,\n PRINT_ELEMENT_INVOICE_ITEM_DESCRIPTION,\n PRINT_ELEMENT_INVOICE_ITEM_UNIT_PRICE,\n PRINT_ELEMENT_INVOICE_ITEM_QUANTITY,\n PRINT_ELEMENT_INVOICE_ITEM_DISCOUNT_RATE,\n PRINT_ELEMENT_INVOICE_ITEM_DISCOUNT_AMOUNT,\n PRINT_ELEMENT_INVOICE_ITEM_TAX_RATE,\n PRINT_ELEMENT_INVOICE_ITEM_TAX_AMOUNT,\n PRINT_ELEMENT_INVOICE_ITEM_TOTAL,\n PRINT_ELEMENT_INVOICE_SUB_TOTAL,\n PRINT_ELEMENT_INVOICE_TAX_RATE,\n PRINT_ELEMENT_INVOICE_TAX_AMOUNT,\n PRINT_ELEMENT_INVOICE_DISCOUNT_RATE,\n PRINT_ELEMENT_INVOICE_DISCOUNT_AMOUNT,\n PRINT_ELEMENT_INVOICE_TOTAL,\n PRINT_ELEMENT_INVOICE_AMOUNT_PAID,\n PRINT_ELEMENT_INVOICE_TOTAL_DUE,\n PRINT_ELEMENT_INVOICE_NOTE,\n PRINT_ELEMENT_PAYMENT_NUMBER,\n PRINT_ELEMENT_PAYMENT_DATE,\n PRINT_ELEMENT_PAYMENT_TOTAL,\n PRINT_ELEMENT_PAYMENT_PREVIOUS_TOTAL,\n PRINT_ELEMENT_PAYMENT_ITEM_DATE,\n PRINT_ELEMENT_PAYMENT_ITEM_DESCRIPTION,\n PRINT_ELEMENT_PAYMENT_ITEM_METHOD,\n PRINT_ELEMENT_PAYMENT_ITEM_AMOUNT,\n PRINT_ELEMENT_FAX_COVER_PAGE_SENDER,\n PRINT_ELEMENT_FAX_COVER_PAGE_RECIPIENT,\n PRINT_ELEMENT_FAX_COVER_PAGE_FAX_NUMBER,\n PRINT_ELEMENT_FAX_COVER_PAGE_SUBJECT,\n PRINT_ELEMENT_FAX_COVER_PAGE_MESSAGE,\n PRINT_ELEMENT_FAX_COVER_PAGE_NUMBER_OF_PAGES,\n PRINT_ELEMENT_PRINT_DATE,\n PRINT_ELEMENT_PAGE_NUMBER,\n];\n\nexport const createElement = (type) => {\n return {\n id: uuid(),\n type: type,\n metadata: {},\n position: getDefaultPosition(type),\n };\n}\n\nexport const isPrintElement = ({ type }) => {\n return PrintElementTypes.some(t => t === type);\n}\n\nexport const hasField = (type, field) => {\n switch (type) {\n case PRINT_ELEMENT_RICHTEXT_EDITOR:\n return [\n PRINT_TEMPLATE_METADATA_ALIGN,\n PRINT_TEMPLATE_METADATA_VALIGN,\n PRINT_TEMPLATE_METADATA_PADDING,\n PRINT_TEMPLATE_METADATA_FONT_COLOR,\n PRINT_TEMPLATE_METADATA_FONT_SIZE,\n PRINT_TEMPLATE_METADATA_FONT_FAMILY,\n PRINT_TEMPLATE_METADATA_FONT_LETTER_SPACING,\n PRINT_TEMPLATE_METADATA_BACKGROUND_COLOR,\n PRINT_TEMPLATE_METADATA_BORDER,\n PRINT_TEMPLATE_METADATA_BORDER_COLOR,\n PRINT_TEMPLATE_METADATA_CONTENT,\n PRINT_TEMPLATE_METADATA_DISPLAY,\n PRINT_TEMPLATE_METADATA_HIDE_READONLY,\n ].some(f => f === field);\n\n case PRINT_ELEMENT_IMAGE:\n return [\n PRINT_TEMPLATE_METADATA_ALIGN,\n PRINT_TEMPLATE_METADATA_VALIGN,\n PRINT_TEMPLATE_METADATA_IMAGE,\n PRINT_TEMPLATE_METADATA_DISPLAY,\n PRINT_TEMPLATE_METADATA_HIDE_READONLY,\n ].some(f => f === field);\n\n case PRINT_ELEMENT_BUSINESS_NAME:\n case PRINT_ELEMENT_BUSINESS_FULL_ADDRESS:\n case PRINT_ELEMENT_BUSINESS_ADDRESS_LINE1:\n case PRINT_ELEMENT_BUSINESS_ADDRESS_LINE2:\n case PRINT_ELEMENT_BUSINESS_ADDRESS_COUNTRY:\n case PRINT_ELEMENT_CUSTOMER_NAME:\n case PRINT_ELEMENT_BUSINESS_EMAIL:\n case PRINT_ELEMENT_CUSTOMER_FULL_ADDRESS:\n case PRINT_ELEMENT_CUSTOMER_ADDRESS_LINE1:\n case PRINT_ELEMENT_CUSTOMER_ADDRESS_LINE2:\n case PRINT_ELEMENT_CUSTOMER_ADDRESS_COUNTRY:\n case PRINT_ELEMENT_CUSTOMER_PHONE:\n case PRINT_ELEMENT_CUSTOMER_EMAIL:\n case PRINT_ELEMENT_CUSTOMER_NEXT_APPOINTMENT:\n case PRINT_ELEMENT_PRESCRIPTION_DOCTOR_NAME:\n case PRINT_ELEMENT_PRESCRIPTION_DOCTOR_LICENSE:\n case PRINT_ELEMENT_INVOICE_LICENSED_USER:\n case PRINT_ELEMENT_INVOICE_LICENSED_USER_NUMBER:\n case PRINT_ELEMENT_INVOICE_NUMBER:\n case PRINT_ELEMENT_INVOICE_SUB_TOTAL:\n case PRINT_ELEMENT_INVOICE_TAX_AMOUNT:\n case PRINT_ELEMENT_INVOICE_DISCOUNT_AMOUNT:\n case PRINT_ELEMENT_INVOICE_TOTAL:\n case PRINT_ELEMENT_INVOICE_AMOUNT_PAID:\n case PRINT_ELEMENT_INVOICE_TOTAL_DUE:\n case PRINT_ELEMENT_INVOICE_NOTE:\n case PRINT_ELEMENT_PAYMENT_NUMBER:\n case PRINT_ELEMENT_PAYMENT_TOTAL:\n case PRINT_ELEMENT_PAYMENT_PREVIOUS_TOTAL:\n case PRINT_ELEMENT_FAX_COVER_PAGE_SENDER:\n case PRINT_ELEMENT_FAX_COVER_PAGE_RECIPIENT:\n case PRINT_ELEMENT_FAX_COVER_PAGE_SUBJECT:\n case PRINT_ELEMENT_FAX_COVER_PAGE_MESSAGE:\n case PRINT_ELEMENT_FAX_COVER_PAGE_NUMBER_OF_PAGES:\n return [\n PRINT_TEMPLATE_METADATA_ALIGN,\n PRINT_TEMPLATE_METADATA_VALIGN,\n PRINT_TEMPLATE_METADATA_PADDING,\n PRINT_TEMPLATE_METADATA_FONT_COLOR,\n PRINT_TEMPLATE_METADATA_FONT_SIZE,\n PRINT_TEMPLATE_METADATA_FONT_FAMILY,\n PRINT_TEMPLATE_METADATA_FONT_STYLE,\n PRINT_TEMPLATE_METADATA_FONT_LETTER_SPACING,\n PRINT_TEMPLATE_METADATA_BACKGROUND_COLOR,\n PRINT_TEMPLATE_METADATA_BORDER,\n PRINT_TEMPLATE_METADATA_BORDER_COLOR,\n PRINT_TEMPLATE_METADATA_DISPLAY,\n PRINT_TEMPLATE_METADATA_HIDE_READONLY,\n ].some(f => f === field);\n\n case PRINT_ELEMENT_PRESCRIPTION_FIELDS:\n return [\n PRINT_TEMPLATE_METADATA_FIELDS,\n PRINT_TEMPLATE_METADATA_ALIGN,\n PRINT_TEMPLATE_METADATA_VALIGN,\n PRINT_TEMPLATE_METADATA_PADDING,\n PRINT_TEMPLATE_METADATA_FONT_COLOR,\n PRINT_TEMPLATE_METADATA_FONT_SIZE,\n PRINT_TEMPLATE_METADATA_FONT_FAMILY,\n PRINT_TEMPLATE_METADATA_FONT_STYLE,\n PRINT_TEMPLATE_METADATA_FONT_LETTER_SPACING,\n PRINT_TEMPLATE_METADATA_BACKGROUND_COLOR,\n PRINT_TEMPLATE_METADATA_BORDER,\n PRINT_TEMPLATE_METADATA_BORDER_COLOR,\n PRINT_TEMPLATE_METADATA_FORMAT,\n PRINT_TEMPLATE_METADATA_DISPLAY,\n PRINT_TEMPLATE_METADATA_HIDE_READONLY,\n ].some(f => f === field);\n\n case PRINT_ELEMENT_BUSINESS_PHONE:\n case PRINT_ELEMENT_BUSINESS_FAX:\n case PRINT_ELEMENT_PRESCRIPTION_WRITTEN_DATE:\n case PRINT_ELEMENT_PRESCRIPTION_EXPIRY_DATE:\n case PRINT_ELEMENT_INVOICE_DATE:\n case PRINT_ELEMENT_INVOICE_DUE_DATE:\n case PRINT_ELEMENT_INVOICE_TAX_RATE:\n case PRINT_ELEMENT_INVOICE_DISCOUNT_RATE:\n case PRINT_ELEMENT_PAYMENT_DATE:\n case PRINT_ELEMENT_PAYMENT_ITEM_DATE:\n case PRINT_ELEMENT_FAX_COVER_PAGE_FAX_NUMBER:\n case PRINT_ELEMENT_PRINT_DATE:\n case PRINT_ELEMENT_PAGE_NUMBER:\n return [\n PRINT_TEMPLATE_METADATA_ALIGN,\n PRINT_TEMPLATE_METADATA_VALIGN,\n PRINT_TEMPLATE_METADATA_PADDING,\n PRINT_TEMPLATE_METADATA_FONT_COLOR,\n PRINT_TEMPLATE_METADATA_FONT_SIZE,\n PRINT_TEMPLATE_METADATA_FONT_FAMILY,\n PRINT_TEMPLATE_METADATA_FONT_STYLE,\n PRINT_TEMPLATE_METADATA_FONT_LETTER_SPACING,\n PRINT_TEMPLATE_METADATA_BACKGROUND_COLOR,\n PRINT_TEMPLATE_METADATA_BORDER,\n PRINT_TEMPLATE_METADATA_BORDER_COLOR,\n PRINT_TEMPLATE_METADATA_FORMAT,\n PRINT_TEMPLATE_METADATA_DISPLAY,\n PRINT_TEMPLATE_METADATA_HIDE_READONLY,\n ].some(f => f === field);\n\n case PRINT_ELEMENT_INVOICE_ITEM_DESCRIPTION:\n case PRINT_ELEMENT_INVOICE_ITEM_UNIT_PRICE:\n case PRINT_ELEMENT_INVOICE_ITEM_DISCOUNT_AMOUNT:\n case PRINT_ELEMENT_INVOICE_ITEM_TAX_AMOUNT:\n case PRINT_ELEMENT_INVOICE_ITEM_TOTAL:\n case PRINT_ELEMENT_PAYMENT_ITEM_DESCRIPTION:\n case PRINT_ELEMENT_PAYMENT_ITEM_METHOD:\n case PRINT_ELEMENT_PAYMENT_ITEM_AMOUNT:\n return [\n PRINT_TEMPLATE_METADATA_ALIGN,\n PRINT_TEMPLATE_METADATA_VALIGN,\n PRINT_TEMPLATE_METADATA_PADDING,\n PRINT_TEMPLATE_METADATA_FONT_COLOR,\n PRINT_TEMPLATE_METADATA_FONT_SIZE,\n PRINT_TEMPLATE_METADATA_FONT_FAMILY,\n PRINT_TEMPLATE_METADATA_FONT_STYLE,\n PRINT_TEMPLATE_METADATA_FONT_LETTER_SPACING,\n PRINT_TEMPLATE_METADATA_BACKGROUND_COLOR,\n PRINT_TEMPLATE_METADATA_BORDER,\n PRINT_TEMPLATE_METADATA_BORDER_COLOR,\n PRINT_TEMPLATE_METADATA_ALTERNATE_BACKGROUND_COLOR,\n PRINT_TEMPLATE_METADATA_DISPLAY,\n PRINT_TEMPLATE_METADATA_HIDE_READONLY,\n ].some(f => f === field);\n\n case PRINT_ELEMENT_INVOICE_ITEM_QUANTITY:\n case PRINT_ELEMENT_INVOICE_ITEM_DISCOUNT_RATE:\n case PRINT_ELEMENT_INVOICE_ITEM_TAX_RATE:\n return [\n PRINT_TEMPLATE_METADATA_ALIGN,\n PRINT_TEMPLATE_METADATA_VALIGN,\n PRINT_TEMPLATE_METADATA_PADDING,\n PRINT_TEMPLATE_METADATA_FONT_COLOR,\n PRINT_TEMPLATE_METADATA_FONT_SIZE,\n PRINT_TEMPLATE_METADATA_FONT_FAMILY,\n PRINT_TEMPLATE_METADATA_FONT_STYLE,\n PRINT_TEMPLATE_METADATA_FONT_LETTER_SPACING,\n PRINT_TEMPLATE_METADATA_BACKGROUND_COLOR,\n PRINT_TEMPLATE_METADATA_BORDER,\n PRINT_TEMPLATE_METADATA_BORDER_COLOR,\n PRINT_TEMPLATE_METADATA_ALTERNATE_BACKGROUND_COLOR,\n PRINT_TEMPLATE_METADATA_FORMAT,\n PRINT_TEMPLATE_METADATA_DISPLAY,\n PRINT_TEMPLATE_METADATA_HIDE_READONLY,\n ].some(f => f === field);\n\n case PRINT_ELEMENT_PRESCRIPTION_DOCTOR_SIGNATURE:\n return [\n PRINT_TEMPLATE_METADATA_SIGNATURE,\n ].some(f => f === field);\n\n default:\n return false;\n }\n}\n\nexport const getName = (type) => {\n switch (type) {\n case PRINT_ELEMENT_RICHTEXT_EDITOR:\n return 'Richtext';\n\n case PRINT_ELEMENT_IMAGE:\n return 'Image';\n\n case PRINT_ELEMENT_BUSINESS_NAME:\n return 'BusinessName';\n\n case PRINT_ELEMENT_BUSINESS_FULL_ADDRESS:\n return 'BusinessFullAddress';\n\n case PRINT_ELEMENT_BUSINESS_ADDRESS_LINE1:\n return 'BusinessAddressLine1';\n\n case PRINT_ELEMENT_BUSINESS_ADDRESS_LINE2:\n return 'BusinessAddressLine2';\n\n case PRINT_ELEMENT_BUSINESS_ADDRESS_COUNTRY:\n return 'BusinessAddressCountry';\n\n case PRINT_ELEMENT_BUSINESS_PHONE:\n return 'BusinessPhone';\n\n case PRINT_ELEMENT_BUSINESS_FAX:\n return 'BusinessFax';\n\n case PRINT_ELEMENT_BUSINESS_EMAIL:\n return 'BusinessEmail';\n\n case PRINT_ELEMENT_CUSTOMER_NAME:\n return 'CustomerName';\n\n case PRINT_ELEMENT_CUSTOMER_FULL_ADDRESS:\n return 'CustomerFullAddress';\n\n case PRINT_ELEMENT_CUSTOMER_ADDRESS_LINE1:\n return 'CustomerAddressLine1';\n\n case PRINT_ELEMENT_CUSTOMER_ADDRESS_LINE2:\n return 'CustomerAddressLine2';\n\n case PRINT_ELEMENT_CUSTOMER_ADDRESS_COUNTRY:\n return 'CustomerAddressCountry';\n\n case PRINT_ELEMENT_CUSTOMER_PHONE:\n return 'CustomerPhone';\n\n case PRINT_ELEMENT_CUSTOMER_EMAIL:\n return 'CustomerEmail';\n\n case PRINT_ELEMENT_CUSTOMER_NEXT_APPOINTMENT:\n return 'CustomerNextAppointment';\n\n case PRINT_ELEMENT_PRESCRIPTION_DOCTOR_NAME:\n return 'PrescriptionDoctorName';\n\n case PRINT_ELEMENT_PRESCRIPTION_DOCTOR_LICENSE:\n return 'PrescriptionDoctorLicense';\n\n case PRINT_ELEMENT_PRESCRIPTION_DOCTOR_SIGNATURE:\n return 'PrescriptionDoctorSignature';\n\n case PRINT_ELEMENT_PRESCRIPTION_WRITTEN_DATE:\n return 'PrescriptionWrittenDate';\n\n case PRINT_ELEMENT_PRESCRIPTION_EXPIRY_DATE:\n return 'PrescriptionExpiryDate';\n\n case PRINT_ELEMENT_PRESCRIPTION_FIELDS:\n return 'PrescriptionFields';\n\n case PRINT_ELEMENT_INVOICE_NUMBER:\n return 'InvoiceNumber';\n\n case PRINT_ELEMENT_INVOICE_LICENSED_USER:\n return 'InvoiceLicensedUser';\n\n case PRINT_ELEMENT_INVOICE_LICENSED_USER_NUMBER:\n return 'InvoiceLicensedUserNumber';\n\n case PRINT_ELEMENT_INVOICE_DUE_DATE:\n return 'InvoiceDueDate';\n\n case PRINT_ELEMENT_INVOICE_DATE:\n return 'InvoiceDate';\n\n case PRINT_ELEMENT_INVOICE_SUB_TOTAL:\n return 'InvoiceSubTotal';\n\n case PRINT_ELEMENT_INVOICE_TAX_RATE:\n return 'InvoiceTaxRate';\n\n case PRINT_ELEMENT_INVOICE_TAX_AMOUNT:\n return 'InvoiceTaxAmount';\n\n case PRINT_ELEMENT_INVOICE_DISCOUNT_RATE:\n return 'InvoiceDiscountRate';\n\n case PRINT_ELEMENT_INVOICE_DISCOUNT_AMOUNT:\n return 'InvoiceDiscountAmount';\n\n case PRINT_ELEMENT_INVOICE_TOTAL:\n return 'InvoiceTotal';\n\n case PRINT_ELEMENT_INVOICE_AMOUNT_PAID:\n return 'InvoiceAmountPaid';\n\n case PRINT_ELEMENT_INVOICE_TOTAL_DUE:\n return 'InvoiceTotalDue';\n\n case PRINT_ELEMENT_INVOICE_NOTE:\n return 'InvoiceNote';\n\n case PRINT_ELEMENT_INVOICE_ITEM_DESCRIPTION:\n return 'InvoiceItemDescription';\n\n case PRINT_ELEMENT_INVOICE_ITEM_UNIT_PRICE:\n return 'InvoiceItemUnitPrice';\n\n case PRINT_ELEMENT_INVOICE_ITEM_QUANTITY:\n return 'InvoiceItemQuantity';\n\n case PRINT_ELEMENT_INVOICE_ITEM_DISCOUNT_RATE:\n return 'InvoiceItemDiscountRate';\n\n case PRINT_ELEMENT_INVOICE_ITEM_DISCOUNT_AMOUNT:\n return 'InvoiceItemDiscountAmount';\n\n case PRINT_ELEMENT_INVOICE_ITEM_TAX_RATE:\n return 'InvoiceItemTaxRate';\n\n case PRINT_ELEMENT_INVOICE_ITEM_TAX_AMOUNT:\n return 'InvoiceItemTaxAmount';\n\n case PRINT_ELEMENT_INVOICE_ITEM_TOTAL:\n return 'InvoiceItemTotal';\n\n case PRINT_ELEMENT_PAYMENT_NUMBER:\n return 'PaymentNumber';\n\n case PRINT_ELEMENT_PAYMENT_DATE:\n return 'PaymentDate';\n\n case PRINT_ELEMENT_PAYMENT_TOTAL:\n return 'PaymentTotal';\n\n case PRINT_ELEMENT_PAYMENT_PREVIOUS_TOTAL:\n return 'PaymentPreviousTotal';\n\n case PRINT_ELEMENT_PAYMENT_ITEM_DATE:\n return 'PaymentItemDate';\n\n case PRINT_ELEMENT_PAYMENT_ITEM_DESCRIPTION:\n return 'PaymentItemDescription';\n\n case PRINT_ELEMENT_PAYMENT_ITEM_METHOD:\n return 'PaymentItemMethod';\n\n case PRINT_ELEMENT_PAYMENT_ITEM_AMOUNT:\n return 'PaymentItemAmount';\n\n case PRINT_ELEMENT_FAX_COVER_PAGE_SENDER:\n return 'FaxCoverPageSender';\n\n case PRINT_ELEMENT_FAX_COVER_PAGE_RECIPIENT:\n return 'FaxCoverPageRecipient';\n\n case PRINT_ELEMENT_FAX_COVER_PAGE_FAX_NUMBER:\n return 'FaxCoverPageFaxNumber';\n\n case PRINT_ELEMENT_FAX_COVER_PAGE_SUBJECT:\n return 'FaxCoverPageSubject';\n\n case PRINT_ELEMENT_FAX_COVER_PAGE_MESSAGE:\n return 'FaxCoverPageMessage';\n\n case PRINT_ELEMENT_FAX_COVER_PAGE_NUMBER_OF_PAGES:\n return 'FaxCoverPageNumberOfPages';\n\n case PRINT_ELEMENT_PRINT_DATE:\n return 'PrintDate';\n\n case PRINT_ELEMENT_PAGE_NUMBER:\n return 'PageNumber';\n\n default:\n return '';\n }\n}\n\nexport const getDescription = (type) => {\n switch (type) {\n case PRINT_ELEMENT_RICHTEXT_EDITOR:\n return 'Richtext';\n\n case PRINT_ELEMENT_IMAGE:\n return 'Image';\n\n case PRINT_ELEMENT_BUSINESS_NAME:\n return 'Business Name';\n\n case PRINT_ELEMENT_BUSINESS_FULL_ADDRESS:\n return 'Business Full Address';\n\n case PRINT_ELEMENT_BUSINESS_ADDRESS_LINE1:\n return 'Business Address Line 1';\n\n case PRINT_ELEMENT_BUSINESS_ADDRESS_LINE2:\n return 'Business Address Line 2';\n\n case PRINT_ELEMENT_BUSINESS_ADDRESS_COUNTRY:\n return 'Business Address Country';\n\n case PRINT_ELEMENT_BUSINESS_PHONE:\n return 'Business Phone';\n\n case PRINT_ELEMENT_BUSINESS_FAX:\n return 'Business Fax';\n\n case PRINT_ELEMENT_BUSINESS_EMAIL:\n return 'Business Email';\n\n case PRINT_ELEMENT_CUSTOMER_NAME:\n return 'Customer Name';\n\n case PRINT_ELEMENT_CUSTOMER_FULL_ADDRESS:\n return 'Customer Full Address';\n\n case PRINT_ELEMENT_CUSTOMER_ADDRESS_LINE1:\n return 'Customer Address Line 1';\n\n case PRINT_ELEMENT_CUSTOMER_ADDRESS_LINE2:\n return 'Customer Address Line 2';\n\n case PRINT_ELEMENT_CUSTOMER_ADDRESS_COUNTRY:\n return 'Customer Address Country';\n\n case PRINT_ELEMENT_CUSTOMER_PHONE:\n return 'Customer Phone';\n\n case PRINT_ELEMENT_CUSTOMER_EMAIL:\n return 'Customer Email';\n\n case PRINT_ELEMENT_CUSTOMER_NEXT_APPOINTMENT:\n return 'Customer Next Appointment';\n\n case PRINT_ELEMENT_PRESCRIPTION_DOCTOR_NAME:\n return 'Prescription Doctor Name';\n\n case PRINT_ELEMENT_PRESCRIPTION_DOCTOR_LICENSE:\n return 'Prescription Doctor License';\n\n case PRINT_ELEMENT_PRESCRIPTION_DOCTOR_SIGNATURE:\n return 'Prescription Doctor Signature';\n\n case PRINT_ELEMENT_PRESCRIPTION_WRITTEN_DATE:\n return 'Prescription Written Date';\n\n case PRINT_ELEMENT_PRESCRIPTION_EXPIRY_DATE:\n return 'Prescription Expiry Date';\n\n case PRINT_ELEMENT_PRESCRIPTION_FIELDS:\n return 'Prescription Fields';\n\n case PRINT_ELEMENT_INVOICE_LICENSED_USER:\n return 'Invoice Licensed User';\n\n case PRINT_ELEMENT_INVOICE_LICENSED_USER_NUMBER:\n return 'Invoice Licensed User Number';\n\n case PRINT_ELEMENT_INVOICE_NUMBER:\n return 'Invoice Number';\n\n case PRINT_ELEMENT_INVOICE_DUE_DATE:\n return 'Invoice Due Date';\n\n case PRINT_ELEMENT_INVOICE_DATE:\n return 'Invoice Date';\n\n case PRINT_ELEMENT_INVOICE_SUB_TOTAL:\n return 'Invoice Sub Total';\n\n case PRINT_ELEMENT_INVOICE_TAX_RATE:\n return 'Invoice Tax Rate';\n\n case PRINT_ELEMENT_INVOICE_TAX_AMOUNT:\n return 'Invoice Tax Amount';\n\n case PRINT_ELEMENT_INVOICE_DISCOUNT_RATE:\n return 'Invoice Discount Rate';\n\n case PRINT_ELEMENT_INVOICE_DISCOUNT_AMOUNT:\n return 'Invoice Discount Amount';\n\n case PRINT_ELEMENT_INVOICE_TOTAL:\n return 'Invoice Total';\n\n case PRINT_ELEMENT_INVOICE_AMOUNT_PAID:\n return 'Invoice Amount Paid';\n\n case PRINT_ELEMENT_INVOICE_TOTAL_DUE:\n return 'Invoice Total Due';\n\n case PRINT_ELEMENT_INVOICE_NOTE:\n return 'Invoice Note';\n\n case PRINT_ELEMENT_INVOICE_ITEM_DESCRIPTION:\n return 'Invoice Item Description';\n\n case PRINT_ELEMENT_INVOICE_ITEM_UNIT_PRICE:\n return 'Invoice Item Unit Price';\n\n case PRINT_ELEMENT_INVOICE_ITEM_QUANTITY:\n return 'Invoice Item Quantity';\n\n case PRINT_ELEMENT_INVOICE_ITEM_DISCOUNT_RATE:\n return 'Invoice Item Discount Rate';\n\n case PRINT_ELEMENT_INVOICE_ITEM_DISCOUNT_AMOUNT:\n return 'Invoice Item Discount Amount';\n\n case PRINT_ELEMENT_INVOICE_ITEM_TAX_RATE:\n return 'Invoice Item Tax Rate';\n\n case PRINT_ELEMENT_INVOICE_ITEM_TAX_AMOUNT:\n return 'Invoice Item Tax Amount';\n\n case PRINT_ELEMENT_INVOICE_ITEM_TOTAL:\n return 'Invoice Item Total';\n\n case PRINT_ELEMENT_PAYMENT_NUMBER:\n return 'Payment Number';\n\n case PRINT_ELEMENT_PAYMENT_DATE:\n return 'Payment Date';\n\n case PRINT_ELEMENT_PAYMENT_TOTAL:\n return 'Payment Total';\n\n case PRINT_ELEMENT_PAYMENT_PREVIOUS_TOTAL:\n return 'Payment Previous Total';\n\n case PRINT_ELEMENT_PAYMENT_ITEM_DATE:\n return 'Payment Item Date';\n\n case PRINT_ELEMENT_PAYMENT_ITEM_DESCRIPTION:\n return 'Payment Item Description';\n\n case PRINT_ELEMENT_PAYMENT_ITEM_METHOD:\n return 'Payment Item Method';\n\n case PRINT_ELEMENT_PAYMENT_ITEM_AMOUNT:\n return 'Payment Item Amount';\n\n case PRINT_ELEMENT_FAX_COVER_PAGE_SENDER:\n return 'Fax Cover Page Sender';\n\n case PRINT_ELEMENT_FAX_COVER_PAGE_RECIPIENT:\n return 'Fax Cover Page Recipient';\n\n case PRINT_ELEMENT_FAX_COVER_PAGE_FAX_NUMBER:\n return 'Fax Cover Page Fax Number';\n\n case PRINT_ELEMENT_FAX_COVER_PAGE_SUBJECT:\n return 'Fax Cover Page Subject';\n\n case PRINT_ELEMENT_FAX_COVER_PAGE_MESSAGE:\n return 'Fax Cover Page Message';\n\n case PRINT_ELEMENT_FAX_COVER_PAGE_NUMBER_OF_PAGES:\n return 'Fax Cover Page Number of Pages';\n\n case PRINT_ELEMENT_PRINT_DATE:\n return 'Print Date';\n\n case PRINT_ELEMENT_PAGE_NUMBER:\n return 'Page Number';\n\n default:\n return '';\n }\n}\n\nexport const getIcon = (type) => {\n switch (type) {\n case PRINT_ELEMENT_RICHTEXT_EDITOR:\n return 'fal fa-text-size';\n\n case PRINT_ELEMENT_IMAGE:\n return 'fal fa-image';\n\n case PRINT_ELEMENT_BUSINESS_NAME:\n case PRINT_ELEMENT_BUSINESS_FULL_ADDRESS:\n case PRINT_ELEMENT_BUSINESS_ADDRESS_LINE1:\n case PRINT_ELEMENT_BUSINESS_ADDRESS_LINE2:\n case PRINT_ELEMENT_BUSINESS_ADDRESS_COUNTRY:\n case PRINT_ELEMENT_BUSINESS_PHONE:\n case PRINT_ELEMENT_BUSINESS_FAX:\n case PRINT_ELEMENT_BUSINESS_EMAIL:\n return 'fal fa-building';\n\n case PRINT_ELEMENT_CUSTOMER_NAME:\n case PRINT_ELEMENT_CUSTOMER_FULL_ADDRESS:\n case PRINT_ELEMENT_CUSTOMER_ADDRESS_LINE1:\n case PRINT_ELEMENT_CUSTOMER_ADDRESS_LINE2:\n case PRINT_ELEMENT_CUSTOMER_ADDRESS_COUNTRY:\n case PRINT_ELEMENT_CUSTOMER_PHONE:\n case PRINT_ELEMENT_CUSTOMER_EMAIL:\n case PRINT_ELEMENT_CUSTOMER_NEXT_APPOINTMENT:\n return 'fal fa-user';\n\n case PRINT_ELEMENT_PRESCRIPTION_DOCTOR_NAME:\n case PRINT_ELEMENT_PRESCRIPTION_DOCTOR_LICENSE:\n case PRINT_ELEMENT_PRESCRIPTION_DOCTOR_SIGNATURE:\n case PRINT_ELEMENT_PRESCRIPTION_WRITTEN_DATE:\n case PRINT_ELEMENT_PRESCRIPTION_EXPIRY_DATE:\n case PRINT_ELEMENT_PRESCRIPTION_FIELDS:\n return 'fal fa-file-prescription';\n\n case PRINT_ELEMENT_INVOICE_NUMBER:\n case PRINT_ELEMENT_INVOICE_DUE_DATE:\n case PRINT_ELEMENT_INVOICE_DATE:\n case PRINT_ELEMENT_INVOICE_LICENSED_USER:\n case PRINT_ELEMENT_INVOICE_LICENSED_USER_NUMBER:\n case PRINT_ELEMENT_INVOICE_SUB_TOTAL:\n case PRINT_ELEMENT_INVOICE_TAX_RATE:\n case PRINT_ELEMENT_INVOICE_TAX_AMOUNT:\n case PRINT_ELEMENT_INVOICE_DISCOUNT_RATE:\n case PRINT_ELEMENT_INVOICE_DISCOUNT_AMOUNT:\n case PRINT_ELEMENT_INVOICE_TOTAL:\n case PRINT_ELEMENT_INVOICE_AMOUNT_PAID:\n case PRINT_ELEMENT_INVOICE_TOTAL_DUE:\n case PRINT_ELEMENT_INVOICE_NOTE:\n return 'fal fa-file-invoice-dollar';\n\n case PRINT_ELEMENT_INVOICE_ITEM_DESCRIPTION:\n case PRINT_ELEMENT_INVOICE_ITEM_UNIT_PRICE:\n case PRINT_ELEMENT_INVOICE_ITEM_QUANTITY:\n case PRINT_ELEMENT_INVOICE_ITEM_DISCOUNT_RATE:\n case PRINT_ELEMENT_INVOICE_ITEM_DISCOUNT_AMOUNT:\n case PRINT_ELEMENT_INVOICE_ITEM_TAX_RATE:\n case PRINT_ELEMENT_INVOICE_ITEM_TAX_AMOUNT:\n case PRINT_ELEMENT_INVOICE_ITEM_TOTAL:\n return 'fal fa-server';\n\n case PRINT_ELEMENT_PAYMENT_NUMBER:\n case PRINT_ELEMENT_PAYMENT_DATE:\n case PRINT_ELEMENT_PAYMENT_TOTAL:\n case PRINT_ELEMENT_PAYMENT_PREVIOUS_TOTAL:\n case PRINT_ELEMENT_PAYMENT_ITEM_DATE:\n case PRINT_ELEMENT_PAYMENT_ITEM_DESCRIPTION:\n case PRINT_ELEMENT_PAYMENT_ITEM_METHOD:\n case PRINT_ELEMENT_PAYMENT_ITEM_AMOUNT:\n return 'fal fa-receipt';\n\n case PRINT_ELEMENT_FAX_COVER_PAGE_SENDER:\n case PRINT_ELEMENT_FAX_COVER_PAGE_RECIPIENT:\n case PRINT_ELEMENT_FAX_COVER_PAGE_FAX_NUMBER:\n case PRINT_ELEMENT_FAX_COVER_PAGE_SUBJECT:\n case PRINT_ELEMENT_FAX_COVER_PAGE_MESSAGE:\n case PRINT_ELEMENT_FAX_COVER_PAGE_NUMBER_OF_PAGES:\n return 'fal fa-fax';\n\n case PRINT_ELEMENT_PRINT_DATE:\n return 'fal fa-calendar-alt';\n\n case PRINT_ELEMENT_PAGE_NUMBER:\n return 'fal fa-hashtag'\n\n default:\n return '';\n }\n}\n\nexport const getDefaultValue = (type, format) => {\n const formatOption = getFormatOptions(type).filter(f => f.type === format)[0];\n\n switch (type) {\n case PRINT_ELEMENT_RICHTEXT_EDITOR:\n return 'This is a sample text.';\n\n case PRINT_ELEMENT_IMAGE:\n return '';\n\n case PRINT_ELEMENT_BUSINESS_NAME:\n return 'Company Name';\n\n case PRINT_ELEMENT_BUSINESS_FULL_ADDRESS:\n return '199 Main Street East, Toronto, ON M1N 2N2, Canada';\n\n case PRINT_ELEMENT_BUSINESS_ADDRESS_LINE1:\n return '199 Main Street East';\n\n case PRINT_ELEMENT_BUSINESS_ADDRESS_LINE2:\n return 'Toronto, ON M1N 2N2';\n\n case PRINT_ELEMENT_BUSINESS_ADDRESS_COUNTRY:\n return 'Canada';\n\n case PRINT_ELEMENT_BUSINESS_PHONE:\n return formatOption ? formatOption.example : '+14165559999';\n\n case PRINT_ELEMENT_BUSINESS_FAX:\n return formatOption ? formatOption.example : '+14163331111';\n\n case PRINT_ELEMENT_BUSINESS_EMAIL:\n return 'info@companyname.com';\n\n case PRINT_ELEMENT_CUSTOMER_NAME:\n return 'Jonathan Williams';\n\n case PRINT_ELEMENT_CUSTOMER_FULL_ADDRESS:\n return '355-20 Applegate Street, Toronto, ON M2M 3K3, Canada';\n\n case PRINT_ELEMENT_CUSTOMER_ADDRESS_LINE1:\n return '355-20 Applegate Street';\n\n case PRINT_ELEMENT_CUSTOMER_ADDRESS_LINE2:\n return 'Toronto, ON M2M 3K3';\n\n case PRINT_ELEMENT_CUSTOMER_ADDRESS_COUNTRY:\n return 'Canada';\n\n case PRINT_ELEMENT_CUSTOMER_PHONE:\n return formatOption ? formatOption.example : '+14166643333';\n\n case PRINT_ELEMENT_CUSTOMER_EMAIL:\n return 'jwilliams_20@customeremail.com';\n\n case PRINT_ELEMENT_CUSTOMER_NEXT_APPOINTMENT:\n return '--';\n\n case PRINT_ELEMENT_PRESCRIPTION_DOCTOR_NAME:\n return 'Dr. John Johnstone';\n\n case PRINT_ELEMENT_PRESCRIPTION_DOCTOR_LICENSE:\n return '0012345';\n\n case PRINT_ELEMENT_PRESCRIPTION_WRITTEN_DATE:\n return formatOption ? formatOption.example : moment().format('YYYY-MM-DD');\n\n case PRINT_ELEMENT_PRESCRIPTION_EXPIRY_DATE:\n return formatOption ? formatOption.example : moment().add(1, 'years').format('YYYY-MM-DD');\n\n case PRINT_ELEMENT_PRESCRIPTION_FIELDS:\n return '--';\n\n case PRINT_ELEMENT_INVOICE_LICENSED_USER:\n return 'Dr. Jake Thompson';\n\n case PRINT_ELEMENT_INVOICE_LICENSED_USER_NUMBER:\n return '0012345';\n\n case PRINT_ELEMENT_INVOICE_NUMBER:\n return '00025288';\n\n case PRINT_ELEMENT_INVOICE_DUE_DATE:\n return formatOption ? formatOption.example : moment().format('YYYY-MM-DD');\n\n case PRINT_ELEMENT_INVOICE_DATE:\n return formatOption ? formatOption.example : moment().format('YYYY-MM-DD');\n\n case PRINT_ELEMENT_INVOICE_SUB_TOTAL:\n return '$100.00';\n\n case PRINT_ELEMENT_INVOICE_TAX_RATE:\n return formatOption ? formatOption.example : '13%';\n\n case PRINT_ELEMENT_INVOICE_TAX_AMOUNT:\n return '$13.00';\n\n case PRINT_ELEMENT_INVOICE_DISCOUNT_RATE:\n return formatOption ? formatOption.example : '--';\n\n case PRINT_ELEMENT_INVOICE_DISCOUNT_AMOUNT:\n return '--';\n\n case PRINT_ELEMENT_INVOICE_TOTAL:\n return '$113.00';\n\n case PRINT_ELEMENT_INVOICE_AMOUNT_PAID:\n return '$0.00';\n\n case PRINT_ELEMENT_INVOICE_TOTAL_DUE:\n return '$113.00';\n\n case PRINT_ELEMENT_INVOICE_NOTE:\n return 'Note...'\n\n case PRINT_ELEMENT_INVOICE_ITEM_DESCRIPTION:\n return 'Professional service';\n\n case PRINT_ELEMENT_INVOICE_ITEM_UNIT_PRICE:\n return '$100.00';\n\n case PRINT_ELEMENT_INVOICE_ITEM_QUANTITY:\n return formatOption ? formatOption.example : '1';\n\n case PRINT_ELEMENT_INVOICE_ITEM_DISCOUNT_RATE:\n return formatOption ? formatOption.example : '--';\n\n case PRINT_ELEMENT_INVOICE_ITEM_DISCOUNT_AMOUNT:\n return '--';\n\n case PRINT_ELEMENT_INVOICE_ITEM_TAX_RATE:\n return formatOption ? formatOption.example : '13%';\n\n case PRINT_ELEMENT_INVOICE_ITEM_TAX_AMOUNT:\n return '$13.00';\n\n case PRINT_ELEMENT_INVOICE_ITEM_TOTAL:\n return '$113.00';\n\n case PRINT_ELEMENT_PAYMENT_NUMBER:\n return 'P00025288-001';\n\n case PRINT_ELEMENT_PAYMENT_DATE:\n return formatOption ? formatOption.example : moment().format('YYYY-MM-DD');\n\n case PRINT_ELEMENT_PAYMENT_TOTAL:\n return '$50.00';\n\n case PRINT_ELEMENT_PAYMENT_PREVIOUS_TOTAL:\n return '$20.00';\n\n case PRINT_ELEMENT_PAYMENT_ITEM_DATE:\n return formatOption ? formatOption.example : moment().format('YYYY-MM-DD');\n\n case PRINT_ELEMENT_PAYMENT_ITEM_DESCRIPTION:\n return 'MasterCard - 5790';\n\n case PRINT_ELEMENT_PAYMENT_ITEM_METHOD:\n return 'MasterCard';\n\n case PRINT_ELEMENT_PAYMENT_ITEM_AMOUNT:\n return '$50.00';\n\n case PRINT_ELEMENT_FAX_COVER_PAGE_SENDER:\n return 'Michael Smith';\n\n case PRINT_ELEMENT_FAX_COVER_PAGE_RECIPIENT:\n return 'Joanne Hill';\n\n case PRINT_ELEMENT_FAX_COVER_PAGE_FAX_NUMBER:\n return '+14161234567';\n\n case PRINT_ELEMENT_FAX_COVER_PAGE_SUBJECT:\n return 'Patient Report';\n\n case PRINT_ELEMENT_FAX_COVER_PAGE_MESSAGE:\n return '--';\n\n case PRINT_ELEMENT_FAX_COVER_PAGE_NUMBER_OF_PAGES:\n return '2';\n\n case PRINT_ELEMENT_PRINT_DATE:\n return formatOption ? formatOption.example : moment().format('YYYY-MM-DD');\n\n case PRINT_ELEMENT_PAGE_NUMBER:\n return formatOption ? formatOption.example : 'Page 1';\n\n default:\n return '';\n }\n}\n\nexport const getFormatOptions = (type) => {\n switch (type) {\n case PRINT_ELEMENT_BUSINESS_PHONE:\n return [{\n type: 'PhoneInternational',\n example: '+14165559999'\n }, {\n type: 'PhoneDash',\n example: '416-555-9999',\n }, {\n type: 'PhoneBrackets',\n example: '(416) 555-9999',\n }, {\n type: 'PhoneDashPlusOne',\n example: '1-416-555-9999',\n }, {\n type: 'PhoneBracketsPlusOne',\n example: '1 (416) 555-9999',\n }];\n\n case PRINT_ELEMENT_BUSINESS_FAX:\n case PRINT_ELEMENT_FAX_COVER_PAGE_FAX_NUMBER:\n return [{\n type: 'PhoneInternational',\n example: '+14163331111'\n }, {\n type: 'PhoneDash',\n example: '416-333-1111',\n }, {\n type: 'PhoneBrackets',\n example: '(416) 333-1111',\n }, {\n type: 'PhoneDashPlusOne',\n example: '1-416-333-1111',\n }, {\n type: 'PhoneBracketsPlusOne',\n example: '1 (416) 333-1111',\n }];\n\n case PRINT_ELEMENT_INVOICE_DUE_DATE:\n case PRINT_ELEMENT_INVOICE_DATE:\n case PRINT_ELEMENT_PAYMENT_DATE:\n case PRINT_ELEMENT_PAYMENT_ITEM_DATE:\n case PRINT_ELEMENT_PRINT_DATE:\n return [{\n type: 'DashYearMonthDay',\n example: moment().format('YYYY-MM-DD'),\n }, {\n type: 'SlashYearMonthDay',\n example: moment().format('YYYY/MM/DD'),\n }, {\n type: 'FullDate',\n example: moment().format('MMMM D, YYYY'),\n }, {\n type: 'ShortDate',\n example: moment().format('MMM D, YYYY'),\n }];\n\n case PRINT_ELEMENT_INVOICE_TAX_RATE:\n return [{\n type: 'RateOnly',\n example: '13%',\n }, {\n type: 'PrefixRateOnly',\n example: 'Tax (13%)',\n }, {\n type: 'CodeRate',\n example: 'HST (13%)',\n }, {\n type: 'PrefixCodeRate',\n example: 'Tax (HST 13%)',\n }];\n\n case PRINT_ELEMENT_INVOICE_DISCOUNT_RATE:\n return [{\n type: 'RateOnly',\n example: '20%',\n }, {\n type: 'PrefixRateOnly',\n example: 'Discount (20%)',\n }];\n\n case PRINT_ELEMENT_INVOICE_ITEM_QUANTITY:\n return [{\n type: 'QuantityOnly',\n example: '1',\n }, {\n type: 'QuantityX',\n example: '1 x',\n }, {\n type: 'XQuantity',\n example: 'x 1',\n }];\n\n case PRINT_ELEMENT_INVOICE_ITEM_DISCOUNT_RATE:\n return [{\n type: 'RateOnly',\n example: '20%',\n }, {\n type: 'PrefixRateOnly',\n example: 'Discount (20%)',\n }];\n\n case PRINT_ELEMENT_INVOICE_ITEM_TAX_RATE:\n return [{\n type: 'RateOnly',\n example: '13%',\n }, {\n type: 'PrefixRateOnly',\n example: 'Tax (13%)',\n }, {\n type: 'CodeRate',\n example: 'HST (13%)',\n }, {\n type: 'PrefixCodeRate',\n example: 'Tax (HST 13%)',\n }];\n\n case PRINT_ELEMENT_PAGE_NUMBER:\n return [{\n type: 'PageNumberOnly',\n example: '1',\n }, {\n type: 'PrefixPageNumberOnly',\n example: 'Page 1',\n }, {\n type: 'PageNumberAndTotal',\n example: '1 of 1',\n }, {\n type: 'PrefixPageNumberAndTotal',\n example: 'Page 1 of 1',\n }]\n\n case PRINT_ELEMENT_PRESCRIPTION_FIELDS:\n return [{\n type: 'None',\n example: 'Display as is',\n }, {\n type: 'PlusMinus',\n example: '+1.00, -1.00, 0.00',\n }, {\n type: 'PlusMinusPlusZero',\n example: '+1.00, -1.00, +0.00',\n }]\n\n default:\n return [];\n }\n}\n\nexport const renderElement = (element, options) => {\n const defaults = {\n controlKey: `_${uuid()}`,\n readOnly: null,\n isDesignMode: true,\n defaultValue: null,\n quickDrawer: null,\n onClick: null,\n onDoubleClick: null,\n onContextMenu: null,\n };\n options = { ...defaults, ...options }\n\n if (options.pageSettings) {\n options.pageSettings.paper = options.pageSettings.paper ? options.pageSettings.paper : getPaperDimension('letter');\n options.pageSettings.margins = options.pageSettings.margins ? options.pageSettings.margins : PRINT_TEMPLATE_PAGE_SETTINGS_MARGINS_NORMAL;\n } else {\n options.pageSettings = {\n paper: getPaperDimension('letter'),\n margins: PRINT_TEMPLATE_PAGE_SETTINGS_MARGINS_NORMAL,\n };\n }\n\n switch (element.type) {\n case PRINT_ELEMENT_RICHTEXT_EDITOR:\n case PRINT_ELEMENT_BUSINESS_NAME:\n case PRINT_ELEMENT_BUSINESS_FULL_ADDRESS:\n case PRINT_ELEMENT_BUSINESS_ADDRESS_LINE1:\n case PRINT_ELEMENT_BUSINESS_ADDRESS_LINE2:\n case PRINT_ELEMENT_BUSINESS_ADDRESS_COUNTRY:\n case PRINT_ELEMENT_BUSINESS_PHONE:\n case PRINT_ELEMENT_BUSINESS_FAX:\n case PRINT_ELEMENT_BUSINESS_EMAIL:\n case PRINT_ELEMENT_CUSTOMER_NAME:\n case PRINT_ELEMENT_CUSTOMER_FULL_ADDRESS:\n case PRINT_ELEMENT_CUSTOMER_ADDRESS_LINE1:\n case PRINT_ELEMENT_CUSTOMER_ADDRESS_LINE2:\n case PRINT_ELEMENT_CUSTOMER_ADDRESS_COUNTRY:\n case PRINT_ELEMENT_CUSTOMER_PHONE:\n case PRINT_ELEMENT_CUSTOMER_EMAIL:\n case PRINT_ELEMENT_CUSTOMER_NEXT_APPOINTMENT:\n case PRINT_ELEMENT_PRESCRIPTION_DOCTOR_NAME:\n case PRINT_ELEMENT_PRESCRIPTION_DOCTOR_LICENSE:\n case PRINT_ELEMENT_PRESCRIPTION_WRITTEN_DATE:\n case PRINT_ELEMENT_PRESCRIPTION_EXPIRY_DATE:\n case PRINT_ELEMENT_PRESCRIPTION_FIELDS:\n case PRINT_ELEMENT_INVOICE_NUMBER:\n case PRINT_ELEMENT_INVOICE_DUE_DATE:\n case PRINT_ELEMENT_INVOICE_DATE:\n case PRINT_ELEMENT_INVOICE_LICENSED_USER:\n case PRINT_ELEMENT_INVOICE_LICENSED_USER_NUMBER:\n case PRINT_ELEMENT_INVOICE_ITEM_DESCRIPTION:\n case PRINT_ELEMENT_INVOICE_ITEM_UNIT_PRICE:\n case PRINT_ELEMENT_INVOICE_ITEM_QUANTITY:\n case PRINT_ELEMENT_INVOICE_ITEM_DISCOUNT_RATE:\n case PRINT_ELEMENT_INVOICE_ITEM_DISCOUNT_AMOUNT:\n case PRINT_ELEMENT_INVOICE_ITEM_TAX_RATE:\n case PRINT_ELEMENT_INVOICE_ITEM_TAX_AMOUNT:\n case PRINT_ELEMENT_INVOICE_ITEM_TOTAL:\n case PRINT_ELEMENT_INVOICE_SUB_TOTAL:\n case PRINT_ELEMENT_INVOICE_TAX_RATE:\n case PRINT_ELEMENT_INVOICE_TAX_AMOUNT:\n case PRINT_ELEMENT_INVOICE_DISCOUNT_RATE:\n case PRINT_ELEMENT_INVOICE_DISCOUNT_AMOUNT:\n case PRINT_ELEMENT_INVOICE_TOTAL:\n case PRINT_ELEMENT_INVOICE_AMOUNT_PAID:\n case PRINT_ELEMENT_INVOICE_TOTAL_DUE:\n case PRINT_ELEMENT_INVOICE_NOTE:\n case PRINT_ELEMENT_PAYMENT_NUMBER:\n case PRINT_ELEMENT_PAYMENT_DATE:\n case PRINT_ELEMENT_PAYMENT_TOTAL:\n case PRINT_ELEMENT_PAYMENT_PREVIOUS_TOTAL:\n case PRINT_ELEMENT_PAYMENT_ITEM_DATE:\n case PRINT_ELEMENT_PAYMENT_ITEM_DESCRIPTION:\n case PRINT_ELEMENT_PAYMENT_ITEM_METHOD:\n case PRINT_ELEMENT_PAYMENT_ITEM_AMOUNT:\n case PRINT_ELEMENT_FAX_COVER_PAGE_SENDER:\n case PRINT_ELEMENT_FAX_COVER_PAGE_RECIPIENT:\n case PRINT_ELEMENT_FAX_COVER_PAGE_FAX_NUMBER:\n case PRINT_ELEMENT_FAX_COVER_PAGE_SUBJECT:\n case PRINT_ELEMENT_FAX_COVER_PAGE_MESSAGE:\n case PRINT_ELEMENT_FAX_COVER_PAGE_NUMBER_OF_PAGES:\n case PRINT_ELEMENT_PRINT_DATE:\n case PRINT_ELEMENT_PAGE_NUMBER:\n return \n
\n {file.fileName} cannot be previewed.
\n Size: {fn.toFileSize(file.size, true)}
\n {options.defaultValue ? options.defaultValue : getDefaultValue(element.type, (element.metadata && element.metadata.format ? element.metadata.format : null))}
\n }\n \n \n\n case PRINT_ELEMENT_IMAGE:\n returnOops! Something went wrong. Please try again.
;\nexport const GENERIC_ERROR_REQUIRED = 'This is required.';\nexport const GENERIC_ERROR_ALL_REQUIRED_HTML =Oops! Please fill in all required fields to proceed.
;\nexport const GENERIC_FORM_ERROR_HTML =Oops! Please correct the highlighted errors to proceed.
;\nexport const INVALID_EMAIL_FORMAT = 'This is an invalid email address.';\nexport const INVALID_EMAIL_REQUIRED = 'Email is required.'\nexport const INVALID_PASSWORD_FORMAT = 'Password must be minimum 6 characters long.';\nexport const INVALID_PASSWORD_REQUIRED = 'Password is required.'\nexport const INVALID_NAME_REQUIRED = 'Name is required.'\nexport const INVALID_NAME_FORMAT = 'Please check the spelling.';\nexport const INVALID_PHONE_REQUIRED = 'Phone number is required.';\nexport const INVALID_PHONE_FORMAT = 'This is an invalid phone number.';\nexport const INVALID_POSTAL_FORMAT = 'This is an invalid postal code.';\nexport const INVALID_OHIP_FORMAT = 'This is an invalid health card.';\nexport const INVALID_DATE_FORMAT = 'This is an invalid date.';\nexport const INVALID_ADDRESS_REQUIRED = 'Address is required.';\nexport const INVALID_ADDRESS_SELECTION = 'You must select one of the address suggestions from the dropdown.';\nexport const INVALID_ADDRESS_STREET_NUMBER_REQUIRED = 'Street number is missing.';\nexport const INVALID_ADDRESS_STREET_NAME_REQUIRED = 'Must include both street number and name.';\nexport const INVALID_ADDRESS_OUT_OF_AREA = 'This address seems to be much further than the postal code entered.';\nexport const INVALID_UNIT_SUITE_TYPE_REQUIRED = 'Unit type is missing.';\nexport const INVALID_UNIT_SUITE_REQUIRED = 'Unit number is missing.';\nexport const INVALID_WEBSITE_FORMAT = 'This is an invalid website.';\nexport const INVALID_FACEBOOK_FORMAT = 'This is an invalid Facebook page.';\nexport const INVALID_TWITTER_FORMAT = 'This is an invalid Twitter page.';\nexport const INVALID_INSTAGRAM_FORMAT = 'This is an invalid Instagram page.';\nexport const INVALID_YOUTUBE_FORMAT = 'This is an invalid YouTube page.';\nexport const INVALID_CREDIT_CARD_REQUIRED = 'Credit card is required.';\nexport const INVALID_CREDIT_CARD_INFORMATION = 'The credit card you entered is invalid or have expired.';\nexport const INVALID_CREDIT_CARD_UNSUPPORTED_DEBIT_HTML = 'It cannot be any debit cards.';\nexport const INVALID_CREDIT_CARD_UNSUPPORTED_PREPAID_HTML = 'It cannot be any prepaid credit cards.';\nexport const INVALID_CREDIT_CARD_UNSUPPORTED_UNKNOWN_HTML = 'We can only accept credit cards.';\nexport const INVALID_CREDIT_CARD_AUTHENTICATION = 'We need your authorization to continue. Please try again.';\nexport const INVALID_CREDIT_CARD_UNKNOWN_ERROR = 'Something might be wrong with your card. Please contact your bank.';\nexport const UNSUPPORTED_FILE_TYPE = 'Unsupported file format detected.';\nexport const UNSUPPORTED_FILE_TYPE_HTML =Unsupported file format detected.
;\nexport const DISCARD_CHANGES = 'There are unsaved changes, do you want to discard them?';\nexport const DEVICE_NOT_READY_HTML =Device not ready. Please refresh the page and try again.
\n\nexport const toastOption = () => { \n return { \n toastId: 'form-error', \n position: 'top-center', \n style: { \n width: '380px', \n zIndex: \n fn.getHighestZIndex() + 1 \n }\n } \n}","// System determined access types\nexport const SYSTEM_CAN_PRESCRIBE = '__CanPrescribe';\n\n// Basic access types\nexport const APPROVE_TIMEOFF = 'ApproveTimeOff';\nexport const APPROVE_TIME_ENTRY = 'ApproveTimeEntry';\nexport const UPDATE_ADDRESS_BOOK = 'UpdateAddressBook';\nexport const UPDATE_APPOINTMENT = 'UpdateAppointment';\nexport const UPDATE_BUSINESS_DAY = 'UpdateBusinessDay';\nexport const UPDATE_CUSTOMER = 'UpdateCustomer';\nexport const UPDATE_EXAM = 'UpdateExam';\nexport const UPDATE_EXAM_PRETEST = 'UpdateExamPretest';\nexport const UPDATE_MEDICAL_REPORT = 'UpdateMedicalReport';\nexport const UPDATE_ORGANIZATION = 'UpdateOrganization';\nexport const UPDATE_OTHER_EXAM = 'UpdateOtherExam';\nexport const UPDATE_OTHER_SCHEDULE = 'UpdateOtherSchedule';\nexport const UPDATE_OTHER_TASK = 'UpdateOtherTask';\nexport const UPDATE_PRODUCT = 'UpdateProduct';\nexport const UPDATE_PURCHASE = 'UpdatePurchase';\nexport const UPDATE_REFERRAL = 'UpdateReferral';\nexport const UPDATE_REFERRAL_APPOINTMENT = 'UpdateReferralAppointment';\nexport const UPDATE_SCHEDULE = 'UpdateSchedule';\nexport const UPDATE_ONLINE_BOOKING_SCHEDULE = 'UpdateOnlineBookingSchedule';\nexport const UPDATE_SERVICE = 'UpdateService';\nexport const UPDATE_SUBSCRIPTION = 'UpdateSubscription';\nexport const UPDATE_SYSTEM_SETTING = 'UpdateSystemSetting';\nexport const UPDATE_TENANT = 'UpdateTenant';\nexport const UPDATE_USER_GROUP = 'UpdateUserGroup';\nexport const UPDATE_WORK_ORDER = 'UpdateWorkOrder';\nexport const VIEW_ADDRESS_BOOK = 'ViewAddressBook';\nexport const VIEW_APPOINTMENT = 'ViewAppointment';\nexport const VIEW_COMMUNICATION_SUMMARY = 'ViewCommunicationSummary';\nexport const VIEW_CUSTOMER = 'ViewCustomer';\nexport const VIEW_EXAM = 'ViewExam';\nexport const VIEW_MEDICAL_REPORT_RESPONSE = 'ViewMedicalReportResponse';\nexport const VIEW_OTHER_EXAM = 'ViewOtherExam';\nexport const VIEW_OTHER_SCHEDULE = 'ViewOtherSchedule';\nexport const VIEW_OTHER_TASK = 'ViewOtherTask';\nexport const VIEW_PRODUCT = 'ViewProduct';\nexport const VIEW_PUBLIC_INSURANCE_BILLING_REPORT = 'ViewPubInsBillingReport';\nexport const VIEW_PURCHASE = 'ViewPurchase';\nexport const VIEW_REFERRAL_APPOINTMENT = 'ViewReferralAppointment';\nexport const VIEW_REPORT = 'ViewReport';\nexport const VIEW_SCHEDULE = 'ViewSchedule';\nexport const VIEW_ONLINE_BOOKING_SCHEDULE = 'ViewOnlineBookingSchedule';\nexport const VIEW_SERVICE = 'ViewService';\nexport const VIEW_USER_GROUP = 'ViewUserGroup';\nexport const VIEW_WORK_ORDER = 'ViewWorkOrder';\n\nexport const EXPORT_DAILY_INVOICES = 'ExportDailyInvoices';\nexport const EXPORT_DAILY_SALES = 'ExportDailySales';\nexport const EXPORT_DAILY_PAYMENTS = 'ExportDailyPayments';\nexport const EXPORT_INVOICES = 'ExportInvoices';\nexport const EXPORT_SALES = 'ExportSales';\nexport const EXPORT_PAYMENTS = 'ExportPayments';\nexport const EXPORT_CUSTOMERS = 'ExportCustomers';\nexport const EXPORT_PRODUCTS = 'ExportProducts';\nexport const EXPORT_PUBLIC_INSURANCE = 'ExportPublicInsurance';\n\nexport const VIEW_DAILY_INVOICE_SUMMARY = 'ViewDailyInvoiceSummary';\nexport const VIEW_DAILY_SALES_SUMMARY = 'ViewDailySalesSummary';\nexport const VIEW_DAILY_PAYMENT_SUMMARY = 'ViewDailyPaymentSummary';\nexport const VIEW_INVOICE_SUMMARY = 'ViewInvoiceSummary';\nexport const VIEW_SALES_SUMMARY = 'ViewSalesSummary';\nexport const VIEW_PAYMENT_SUMMARY = 'ViewPaymentSummary';","import React, { Component } from 'react';\nimport { StickyTable, Row, Cell } from 'react-sticky-table';\n\nimport * as fn from '../../../utilities/_functions';\nimport * as ph from '../../../utilities/prescriptionHelper';\n\nimport './PrescriptionHistory.scss';\n\nexport default class PrescriptionHistory extends Component {\n constructor(props) {\n super(props);\n this.containerRef = React.createRef();\n this.handleUpdate = this.handleUpdate.bind(this);\n this.handleView = this.handleView.bind(this);\n this.handleDownload = this.handleDownload.bind(this);\n this.handlePrint = this.handlePrint.bind(this);\n this.handleDelete = this.handleDelete.bind(this);\n this.handleSelect = this.handleSelect.bind(this);\n }\n\n componentDidMount() {\n const containerHeight = this.containerRef.current.parentElement.offsetHeight;\n const tableHeight = this.containerRef.current.querySelector('.sticky-table-table').offsetHeight + 2;\n this.containerRef.current.style.height = `${(Math.min(containerHeight, tableHeight))}px`;\n }\n\n handleUpdate = (event, prescription) => {\n if (fn.isFunction(this.props.onUpdate)) {\n this.props.onUpdate(event, prescription);\n }\n }\n\n handleClone = (event, prescription) => {\n if (fn.isFunction(this.props.onClone)) {\n this.props.onClone(event, prescription);\n }\n }\n\n handleRegenerate = (event, prescription) => {\n if (fn.isFunction(this.props.onRegenerate)) {\n this.props.onRegenerate(event, prescription);\n }\n }\n\n handleView = (event, prescription) => {\n if (fn.isFunction(this.props.onView)) {\n this.props.onView(event, prescription);\n }\n }\n\n handleDownload = (event, prescription) => {\n if (fn.isFunction(this.props.onDownload)) {\n this.props.onDownload(event, prescription);\n }\n }\n\n handlePrint = (event, prescription) => {\n if (fn.isFunction(this.props.onPrint)) {\n this.props.onPrint(event, prescription);\n }\n }\n\n handleDelete = (event, prescription) => {\n if (fn.isFunction(this.props.onDelete)) {\n this.props.onDelete(event, prescription);\n }\n }\n\n handleSelect = (event, prescription) => {\n if (fn.isFunction(this.props.onSelect)) {\n this.props.onSelect(event, prescription);\n }\n }\n\n renderHeaderRow = (template, prescriptionData, stickyColumnWidth) => {\n if (template) {\n const headers = this.getHeaderDefinitions(template, prescriptionData);\n\n if (headers && headers.length > 0) {\n return\n \n \n \n
\n : null\n }\n {\n this.props.enableSelect && this.props.enableSelect === true ?\n \n {\n rowData.writtenById ?\n <>\n {\n this.props.onRegenerate && fn.isFunction(this.props.onRegenerate) && rowData.isPrinted ?\n this.handleRegenerate(e, rowData)}\n >\n \n : null\n }\n : null\n }\n {\n this.props.onUpdate && fn.isFunction(this.props.onUpdate) && ph.canUpdate(rowData) ?\n this.handleUpdate(e, rowData)}\n >\n \n : null\n }\n {\n this.props.onClone && fn.isFunction(this.props.onClone) && ph.canClone(rowData) ?\n this.handleClone(e, rowData)}\n >\n \n : null\n }\n {\n rowData.writtenById ?\n <>\n {\n this.props.onView && fn.isFunction(this.props.onView) ?\n this.handleView(e, rowData)}\n >\n \n : null\n }\n {\n this.props.onDownload && fn.isFunction(this.props.onDownload) ?\n this.handleDownload(e, rowData)}\n >\n \n : null\n }\n {\n this.props.onSms && fn.isFunction(this.props.onSms) ?\n alert('Not ready')}\n >\n \n : null\n }\n {\n this.props.onEmail && fn.isFunction(this.props.onEmail) ?\n alert('Not ready')}\n >\n \n : null\n }\n {\n this.props.onPrint && fn.isFunction(this.props.onPrint) ?\n { this.handlePrint(e, rowData) }}\n >\n \n : null\n }\n : null\n }\n {\n this.props.onDelete && fn.isFunction(this.props.onDelete) && ph.canUpdate(rowData) ?\n this.handleDelete(e, rowData)}\n >\n \n : null\n }\n
\n No prescription found.
\n
\n \n \n\n case TEMPLATE_CONTROL_CALCULATION_CHECKBOX:\n return \n \n { options.onChange(e, control, options.referenceObject) } : (e) => { e.preventDefault(); e.stopPropagation(); }}\n onClick={!fn.isFunction(options.onChange) || options.readOnly ? (e) => { e.preventDefault(); e.stopPropagation(); } : null}\n />\n \n {control.label}\n \n
\n \n \n \n\n case TEMPLATE_CONTROL_TIMESTAMP_BUTTON:\n return \n \n {\n options.isDesignMode ?\n renderPretestDefaultContent(control, options) :\n renderPretestExamContent(control, options)\n }\n \n
\n }\n }\n return null;\n\n case TEMPLATE_CONTROL_COPY_FIELDS_BUTTON:\n return \n { options.onChange(e, options.controlKey, options.referenceObject) } : () => { }}\n />\n
\n \n \n\n case TEMPLATE_CONTROL_IMPORT_FROM_DEVICE_BUTTON:\n return <>\n Copied to clipboard.
);\n })\n }\n}","import React from 'react';\nimport { Tooltip } from 'devextreme-react/tooltip';\nimport uuid from 'react-uuid';\nimport moment from 'moment';\nimport Color from 'color';\n\nimport * as fn from './_functions';\nimport * as ah from './appointmentHelper';\nimport * as uh from './userHelper';\nimport * as rah from './referralAppointmentHelper';\nimport * as toh from './todoHelper';\nimport * as brh from './publicInsuranceBillingReportHelper';\nimport * as ph from './prescriptionHelper';\nimport * as sys from './systemHelper';\n\nexport const renderAppointmentNew = (appointment, additionalClassNames) => {\n if (!appointment || appointment.isNew) {\n return| \n {moment.utc(a.deactivatedDateUtc).local().format('MMM D')}\n | \n\n \n \n Original: {moment(a.start).format('MMM D @ hh:mma')} \n Unknown') }}>\n | \n
| \n {moment.utc(a.deactivatedDateUtc).local().format('MMM D')}\n | \n\n \n \n Original: {moment(a.start).format('MMM D @ hh:mma')} \n Unknown') }}>\n | \n
| \n {moment.utc(appointment.deactivatedDateUtc).local().format('MMM D')}\n | \n\n \n Unknown') }}>\n \n | \n
{options.defaultValue ? options.defaultValue : null}
\n }\n \n \n\n case MODAL_ELEMENT_IMAGE:\n returnGenerating...
\nPlease wait while we generate the {(name ? name.toLowerCase() : 'custom form')}.
\n ;\n}\n\nexport const createElement = (type) => {\n return {\n id: uuid(),\n type: type,\n metadata: {},\n position: { w: 10, h: 5, minW: 2, }\n };\n}\n\nexport const isInternalFormElement = ({ type }) => {\n return InternalFormElementTypes.some(t => t === type);\n}\n\nexport const hasField = (type, field) => {\n switch (type) {\n case INTERNAL_FORM_ELEMENT_RICHTEXT_EDITOR:\n return [\n INTERNAL_FORM_TEMPLATE_METADATA_ALIGN,\n INTERNAL_FORM_TEMPLATE_METADATA_VALIGN,\n INTERNAL_FORM_TEMPLATE_METADATA_PADDING,\n INTERNAL_FORM_TEMPLATE_METADATA_FONT_COLOR,\n INTERNAL_FORM_TEMPLATE_METADATA_FONT_SIZE,\n INTERNAL_FORM_TEMPLATE_METADATA_FONT_FAMILY,\n INTERNAL_FORM_TEMPLATE_METADATA_FONT_LETTER_SPACING,\n INTERNAL_FORM_TEMPLATE_METADATA_BACKGROUND_COLOR,\n INTERNAL_FORM_TEMPLATE_METADATA_BORDER,\n INTERNAL_FORM_TEMPLATE_METADATA_BORDER_COLOR,\n INTERNAL_FORM_TEMPLATE_METADATA_CONTENT,\n ].some(f => f === field);\n\n case INTERNAL_FORM_ELEMENT_IMAGE:\n return [\n INTERNAL_FORM_TEMPLATE_METADATA_ALIGN,\n INTERNAL_FORM_TEMPLATE_METADATA_VALIGN,\n INTERNAL_FORM_TEMPLATE_METADATA_IMAGE,\n ].some(f => f === field);\n\n case INTERNAL_FORM_ELEMENT_BUSINESS_NAME:\n case INTERNAL_FORM_ELEMENT_BUSINESS_FULL_ADDRESS:\n case INTERNAL_FORM_ELEMENT_BUSINESS_ADDRESS_LINE1:\n case INTERNAL_FORM_ELEMENT_BUSINESS_ADDRESS_LINE2:\n case INTERNAL_FORM_ELEMENT_BUSINESS_ADDRESS_COUNTRY:\n case INTERNAL_FORM_ELEMENT_BUSINESS_EMAIL:\n case INTERNAL_FORM_ELEMENT_CUSTOMER_FULL_ADDRESS:\n case INTERNAL_FORM_ELEMENT_CUSTOMER_ADDRESS_LINE1:\n case INTERNAL_FORM_ELEMENT_CUSTOMER_ADDRESS_LINE2:\n case INTERNAL_FORM_ELEMENT_CUSTOMER_ADDRESS_COUNTRY:\n case INTERNAL_FORM_ELEMENT_CUSTOMER_EMAIL:\n case INTERNAL_FORM_ELEMENT_CUSTOMER_AGE:\n case INTERNAL_FORM_ELEMENT_CUSTOMER_HEALTH_CARD:\n case INTERNAL_FORM_ELEMENT_EXAM_DOCTOR:\n case INTERNAL_FORM_ELEMENT_EXAM_DOCTOR_LICENSE_NUMBER:\n case INTERNAL_FORM_ELEMENT_EXAM_DOCTOR_BILLING_NUMBER:\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_NUMBER:\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_INVOICE_NUMBER:\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_INVOICE_DOCTOR:\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_NOTES:\n return [\n INTERNAL_FORM_TEMPLATE_METADATA_ALIGN,\n INTERNAL_FORM_TEMPLATE_METADATA_VALIGN,\n INTERNAL_FORM_TEMPLATE_METADATA_PADDING,\n INTERNAL_FORM_TEMPLATE_METADATA_FONT_COLOR,\n INTERNAL_FORM_TEMPLATE_METADATA_FONT_SIZE,\n INTERNAL_FORM_TEMPLATE_METADATA_FONT_FAMILY,\n INTERNAL_FORM_TEMPLATE_METADATA_FONT_STYLE,\n INTERNAL_FORM_TEMPLATE_METADATA_FONT_LETTER_SPACING,\n INTERNAL_FORM_TEMPLATE_METADATA_BACKGROUND_COLOR,\n INTERNAL_FORM_TEMPLATE_METADATA_BORDER,\n INTERNAL_FORM_TEMPLATE_METADATA_BORDER_COLOR,\n ].some(f => f === field);\n\n case INTERNAL_FORM_ELEMENT_BUSINESS_PHONE:\n case INTERNAL_FORM_ELEMENT_CUSTOMER_NAME:\n case INTERNAL_FORM_ELEMENT_CUSTOMER_PHONE:\n case INTERNAL_FORM_ELEMENT_CUSTOMER_DATE_OF_BIRTH:\n case INTERNAL_FORM_ELEMENT_EXAM_DATE:\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_INVOICE_TOTAL:\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_INVOICE_BALANCE:\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_CREATED_DATE:\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_CREATED_BY:\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_SUBMITTED_DATE:\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_SUBMITTED_BY:\n case INTERNAL_FORM_ELEMENT_PAGE_NUMBER:\n return [\n INTERNAL_FORM_TEMPLATE_METADATA_ALIGN,\n INTERNAL_FORM_TEMPLATE_METADATA_VALIGN,\n INTERNAL_FORM_TEMPLATE_METADATA_PADDING,\n INTERNAL_FORM_TEMPLATE_METADATA_FONT_COLOR,\n INTERNAL_FORM_TEMPLATE_METADATA_FONT_SIZE,\n INTERNAL_FORM_TEMPLATE_METADATA_FONT_FAMILY,\n INTERNAL_FORM_TEMPLATE_METADATA_FONT_STYLE,\n INTERNAL_FORM_TEMPLATE_METADATA_FONT_LETTER_SPACING,\n INTERNAL_FORM_TEMPLATE_METADATA_BACKGROUND_COLOR,\n INTERNAL_FORM_TEMPLATE_METADATA_BORDER,\n INTERNAL_FORM_TEMPLATE_METADATA_BORDER_COLOR,\n INTERNAL_FORM_TEMPLATE_METADATA_FORMAT,\n ].some(f => f === field);\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_FIELD:\n return [\n INTERNAL_FORM_TEMPLATE_METADATA_ALIGN,\n INTERNAL_FORM_TEMPLATE_METADATA_VALIGN,\n INTERNAL_FORM_TEMPLATE_METADATA_PADDING,\n INTERNAL_FORM_TEMPLATE_METADATA_FONT_COLOR,\n INTERNAL_FORM_TEMPLATE_METADATA_FONT_SIZE,\n INTERNAL_FORM_TEMPLATE_METADATA_FONT_FAMILY,\n INTERNAL_FORM_TEMPLATE_METADATA_FONT_STYLE,\n INTERNAL_FORM_TEMPLATE_METADATA_FONT_LETTER_SPACING,\n INTERNAL_FORM_TEMPLATE_METADATA_BACKGROUND_COLOR,\n INTERNAL_FORM_TEMPLATE_METADATA_BORDER,\n INTERNAL_FORM_TEMPLATE_METADATA_BORDER_COLOR,\n INTERNAL_FORM_TEMPLATE_METADATA_FORMAT,\n INTERNAL_FORM_TEMPLATE_METADATA_WORK_ORDER_FIELD,\n ].some(f => f === field);\n\n default:\n return false;\n }\n}\n\nexport const isCustomerField = (type) => {\n return [\n INTERNAL_FORM_ELEMENT_CUSTOMER_NAME,\n INTERNAL_FORM_ELEMENT_CUSTOMER_FULL_ADDRESS,\n INTERNAL_FORM_ELEMENT_CUSTOMER_ADDRESS_LINE1,\n INTERNAL_FORM_ELEMENT_CUSTOMER_ADDRESS_LINE2,\n INTERNAL_FORM_ELEMENT_CUSTOMER_ADDRESS_COUNTRY,\n INTERNAL_FORM_ELEMENT_CUSTOMER_PHONE,\n INTERNAL_FORM_ELEMENT_CUSTOMER_EMAIL,\n INTERNAL_FORM_ELEMENT_CUSTOMER_DATE_OF_BIRTH,\n INTERNAL_FORM_ELEMENT_CUSTOMER_AGE,\n INTERNAL_FORM_ELEMENT_CUSTOMER_HEALTH_CARD,\n ].some(f => f === type);\n}\n\nexport const isExamField = (type) => {\n return [\n INTERNAL_FORM_ELEMENT_EXAM_DATE,\n INTERNAL_FORM_ELEMENT_EXAM_DOCTOR,\n INTERNAL_FORM_ELEMENT_EXAM_DOCTOR_LICENSE_NUMBER,\n INTERNAL_FORM_ELEMENT_EXAM_DOCTOR_BILLING_NUMBER,\n ].some(f => f === type);\n}\n\nexport const isWorkOrderField = (type) => {\n return [\n INTERNAL_FORM_ELEMENT_WORK_ORDER_NUMBER,\n INTERNAL_FORM_ELEMENT_WORK_ORDER_INVOICE_NUMBER,\n INTERNAL_FORM_ELEMENT_WORK_ORDER_INVOICE_TOTAL,\n INTERNAL_FORM_ELEMENT_WORK_ORDER_INVOICE_BALANCE,\n INTERNAL_FORM_ELEMENT_WORK_ORDER_INVOICE_DOCTOR,\n INTERNAL_FORM_ELEMENT_WORK_ORDER_CREATED_DATE,\n INTERNAL_FORM_ELEMENT_WORK_ORDER_CREATED_BY,\n INTERNAL_FORM_ELEMENT_WORK_ORDER_SUBMITTED_DATE,\n INTERNAL_FORM_ELEMENT_WORK_ORDER_SUBMITTED_BY,\n INTERNAL_FORM_ELEMENT_WORK_ORDER_NOTES,\n INTERNAL_FORM_ELEMENT_WORK_ORDER_FIELD,\n ].some(f => f === type);\n}\n\nexport const getName = (type) => {\n switch (type) {\n case INTERNAL_FORM_ELEMENT_RICHTEXT_EDITOR:\n return 'Richtext';\n\n case INTERNAL_FORM_ELEMENT_IMAGE:\n return 'Image';\n\n case INTERNAL_FORM_ELEMENT_BUSINESS_NAME:\n return 'BusinessName';\n\n case INTERNAL_FORM_ELEMENT_BUSINESS_FULL_ADDRESS:\n return 'BusinessFullAddress';\n\n case INTERNAL_FORM_ELEMENT_BUSINESS_ADDRESS_LINE1:\n return 'BusinessAddressLine1';\n\n case INTERNAL_FORM_ELEMENT_BUSINESS_ADDRESS_LINE2:\n return 'BusinessAddressLine2';\n\n case INTERNAL_FORM_ELEMENT_BUSINESS_ADDRESS_COUNTRY:\n return 'BusinessAddressCountry';\n\n case INTERNAL_FORM_ELEMENT_BUSINESS_PHONE:\n return 'BusinessPhone';\n\n case INTERNAL_FORM_ELEMENT_BUSINESS_EMAIL:\n return 'BusinessEmail';\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_NAME:\n return 'CustomerName';\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_FULL_ADDRESS:\n return 'CustomerFullAddress';\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_ADDRESS_LINE1:\n return 'CustomerAddressLine1';\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_ADDRESS_LINE2:\n return 'CustomerAddressLine2';\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_ADDRESS_COUNTRY:\n return 'CustomerAddressCountry';\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_PHONE:\n return 'CustomerPhone';\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_EMAIL:\n return 'CustomerEmail';\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_DATE_OF_BIRTH:\n return 'CustomerDateOfBirth';\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_AGE:\n return 'CustomerAge';\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_HEALTH_CARD:\n return 'CustomerHealthCard';\n\n case INTERNAL_FORM_ELEMENT_EXAM_DATE:\n return 'ExamDate';\n\n case INTERNAL_FORM_ELEMENT_EXAM_DOCTOR:\n return 'ExamDoctorName';\n\n case INTERNAL_FORM_ELEMENT_EXAM_DOCTOR_LICENSE_NUMBER:\n return 'ExamDoctorLicenseNumber';\n\n case INTERNAL_FORM_ELEMENT_EXAM_DOCTOR_BILLING_NUMBER:\n return 'ExamDoctorBillingNumber';\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_NUMBER:\n return 'WorkOrderNumber';\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_INVOICE_NUMBER:\n return 'WorkOrderInvoiceNumber';\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_INVOICE_TOTAL:\n return 'WorkOrderInvoiceTotal';\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_INVOICE_BALANCE:\n return 'WorkOrderInvoiceBalance';\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_INVOICE_DOCTOR:\n return 'WorkOrderInvoiceDoctor';\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_CREATED_DATE:\n return 'WorkOrderCreatedDate';\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_CREATED_BY:\n return 'WorkOrderCreatedBy';\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_SUBMITTED_DATE:\n return 'WorkOrderSubmittedDate';\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_SUBMITTED_BY:\n return 'WorkOrderSubmittedBy';\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_NOTES:\n return 'WorkOrderNotes';\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_FIELD:\n return 'WorkOrderField';\n\n case INTERNAL_FORM_ELEMENT_PAGE_NUMBER:\n return 'PageNumber';\n\n default:\n return '';\n }\n}\n\nexport const getDescription = (type) => {\n switch (type) {\n case INTERNAL_FORM_ELEMENT_RICHTEXT_EDITOR:\n return 'Richtext';\n\n case INTERNAL_FORM_ELEMENT_IMAGE:\n return 'Image';\n\n case INTERNAL_FORM_ELEMENT_BUSINESS_NAME:\n return 'Business Name';\n\n case INTERNAL_FORM_ELEMENT_BUSINESS_FULL_ADDRESS:\n return 'Business Full Address';\n\n case INTERNAL_FORM_ELEMENT_BUSINESS_ADDRESS_LINE1:\n return 'Business Address Line 1';\n\n case INTERNAL_FORM_ELEMENT_BUSINESS_ADDRESS_LINE2:\n return 'Business Address Line 2';\n\n case INTERNAL_FORM_ELEMENT_BUSINESS_ADDRESS_COUNTRY:\n return 'Business Address Country';\n\n case INTERNAL_FORM_ELEMENT_BUSINESS_PHONE:\n return 'Business Phone';\n\n case INTERNAL_FORM_ELEMENT_BUSINESS_EMAIL:\n return 'Business Email';\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_NAME:\n return 'Customer Name';\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_FULL_ADDRESS:\n return 'Customer Full Address';\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_ADDRESS_LINE1:\n return 'Customer Address Line 1';\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_ADDRESS_LINE2:\n return 'Customer Address Line 2';\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_ADDRESS_COUNTRY:\n return 'Customer Address Country';\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_PHONE:\n return 'Customer Phone';\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_EMAIL:\n return 'Customer Email';\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_DATE_OF_BIRTH:\n return 'Customer Date of Birth';\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_AGE:\n return 'Customer Age';\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_HEALTH_CARD:\n return 'Customer Health Card';\n\n case INTERNAL_FORM_ELEMENT_EXAM_DATE:\n return 'Exam Date';\n\n case INTERNAL_FORM_ELEMENT_EXAM_DOCTOR:\n return 'Exam Doctor Name';\n\n case INTERNAL_FORM_ELEMENT_EXAM_DOCTOR_LICENSE_NUMBER:\n return 'Exam Doctor License Number';\n\n case INTERNAL_FORM_ELEMENT_EXAM_DOCTOR_BILLING_NUMBER:\n return 'Exam Doctor Billing Number';\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_NUMBER:\n return 'Work Order Number';\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_INVOICE_NUMBER:\n return 'Work Order Invoice Number';\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_INVOICE_TOTAL:\n return 'Work Order Invoice Total';\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_INVOICE_BALANCE:\n return 'Work Order Invoice Balance';\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_INVOICE_DOCTOR:\n return 'Work Order Invoice Doctor';\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_CREATED_DATE:\n return 'Work Order Created Date';\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_CREATED_BY:\n return 'Work Order Created By';\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_SUBMITTED_DATE:\n return 'Work Order Submitted Date';\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_SUBMITTED_BY:\n return 'Work Order Submitted By';\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_NOTES:\n return 'Work Order Notes';\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_FIELD:\n return 'Work Order Field';\n\n case INTERNAL_FORM_ELEMENT_PAGE_NUMBER:\n return 'Page Number';\n\n default:\n return '';\n }\n}\n\nexport const getIcon = (type) => {\n switch (type) {\n case INTERNAL_FORM_ELEMENT_RICHTEXT_EDITOR:\n return 'fal fa-text-size';\n\n case INTERNAL_FORM_ELEMENT_IMAGE:\n return 'fal fa-image';\n\n case INTERNAL_FORM_ELEMENT_BUSINESS_NAME:\n case INTERNAL_FORM_ELEMENT_BUSINESS_FULL_ADDRESS:\n case INTERNAL_FORM_ELEMENT_BUSINESS_ADDRESS_LINE1:\n case INTERNAL_FORM_ELEMENT_BUSINESS_ADDRESS_LINE2:\n case INTERNAL_FORM_ELEMENT_BUSINESS_ADDRESS_COUNTRY:\n case INTERNAL_FORM_ELEMENT_BUSINESS_PHONE:\n case INTERNAL_FORM_ELEMENT_BUSINESS_EMAIL:\n return 'fal fa-building';\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_NAME:\n case INTERNAL_FORM_ELEMENT_CUSTOMER_FULL_ADDRESS:\n case INTERNAL_FORM_ELEMENT_CUSTOMER_ADDRESS_LINE1:\n case INTERNAL_FORM_ELEMENT_CUSTOMER_ADDRESS_LINE2:\n case INTERNAL_FORM_ELEMENT_CUSTOMER_ADDRESS_COUNTRY:\n case INTERNAL_FORM_ELEMENT_CUSTOMER_PHONE:\n case INTERNAL_FORM_ELEMENT_CUSTOMER_EMAIL:\n case INTERNAL_FORM_ELEMENT_CUSTOMER_DATE_OF_BIRTH:\n case INTERNAL_FORM_ELEMENT_CUSTOMER_AGE:\n case INTERNAL_FORM_ELEMENT_CUSTOMER_HEALTH_CARD:\n return 'fal fa-user';\n\n case INTERNAL_FORM_ELEMENT_EXAM_DATE:\n case INTERNAL_FORM_ELEMENT_EXAM_DOCTOR:\n case INTERNAL_FORM_ELEMENT_EXAM_DOCTOR_LICENSE_NUMBER:\n case INTERNAL_FORM_ELEMENT_EXAM_DOCTOR_BILLING_NUMBER:\n return 'fal fa-clipboard-list-check';\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_NUMBER:\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_INVOICE_NUMBER:\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_INVOICE_TOTAL:\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_INVOICE_BALANCE:\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_INVOICE_DOCTOR:\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_CREATED_DATE:\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_CREATED_BY:\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_SUBMITTED_DATE:\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_SUBMITTED_BY:\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_NOTES:\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_FIELD:\n return 'fal fa-inbox'\n\n case INTERNAL_FORM_ELEMENT_PAGE_NUMBER:\n return 'fal fa-hashtag'\n\n default:\n return '';\n }\n}\n\nexport const getDefaultValue = (type, format) => {\n const formatOption = getFormatOptions(type).filter(f => f.type === format)[0];\n\n switch (type) {\n case INTERNAL_FORM_ELEMENT_RICHTEXT_EDITOR:\n return 'This is a sample text.';\n\n case INTERNAL_FORM_ELEMENT_IMAGE:\n return '';\n\n case INTERNAL_FORM_ELEMENT_BUSINESS_NAME:\n return 'Company Name';\n\n case INTERNAL_FORM_ELEMENT_BUSINESS_FULL_ADDRESS:\n return '199 Main Street East, Toronto, ON M1N 2N2, Canada';\n\n case INTERNAL_FORM_ELEMENT_BUSINESS_ADDRESS_LINE1:\n return '199 Main Street East';\n\n case INTERNAL_FORM_ELEMENT_BUSINESS_ADDRESS_LINE2:\n return 'Toronto, ON M1N 2N2';\n\n case INTERNAL_FORM_ELEMENT_BUSINESS_ADDRESS_COUNTRY:\n return 'Canada';\n\n case INTERNAL_FORM_ELEMENT_BUSINESS_PHONE:\n return formatOption ? formatOption.example : '+14165559999';\n\n case INTERNAL_FORM_ELEMENT_BUSINESS_EMAIL:\n return 'info@companyname.com';\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_NAME:\n return formatOption ? formatOption.example : 'Jonathan Williams';\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_FULL_ADDRESS:\n return '355-20 Applegate Street, Toronto, ON M2M 3K3, Canada';\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_ADDRESS_LINE1:\n return '355-20 Applegate Street';\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_ADDRESS_LINE2:\n return 'Toronto, ON M2M 3K3';\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_ADDRESS_COUNTRY:\n return 'Canada';\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_PHONE:\n return formatOption ? formatOption.example : '+14166643333';\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_EMAIL:\n return 'jwilliams_20@customeremail.com';\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_DATE_OF_BIRTH:\n return 'Jan 10, 2005';\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_AGE:\n return '18 yo.';\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_HEALTH_CARD:\n return ph.formatHealthCard('9001555123XX');\n\n case INTERNAL_FORM_ELEMENT_EXAM_DATE:\n return formatOption ? formatOption.example : moment().format('YYYY-MM-DD');\n\n case INTERNAL_FORM_ELEMENT_EXAM_DOCTOR:\n return 'Dr. Sarah Williams';\n\n case INTERNAL_FORM_ELEMENT_EXAM_DOCTOR_LICENSE_NUMBER:\n return '0023456';\n\n case INTERNAL_FORM_ELEMENT_EXAM_DOCTOR_BILLING_NUMBER:\n return '0098765';\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_NUMBER:\n return '0000203';\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_INVOICE_NUMBER:\n return '0005120-001';\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_INVOICE_TOTAL:\n return '$300.00';\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_INVOICE_BALANCE:\n return '$200.00';\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_INVOICE_DOCTOR:\n return 'Dr. John Johnson';\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_CREATED_DATE:\n return formatOption ? formatOption.example : moment().format('YYYY-MM-DD');\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_CREATED_BY:\n return 'John Williams';\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_SUBMITTED_DATE:\n return formatOption ? formatOption.example : moment().format('YYYY-MM-DD');\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_SUBMITTED_BY:\n return 'Jane Williams';\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_NOTES:\n return '--';\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_FIELD:\n return '--';\n\n case INTERNAL_FORM_ELEMENT_PAGE_NUMBER:\n return formatOption ? formatOption.example : 'Page 1';\n\n default:\n return '';\n }\n}\n\nexport const getValue = (element, sources) => {\n const { type, metadata } = element;\n const { format } = metadata;\n const formatOption = getFormatOptions(type).filter(f => f.type === format)[0];\n\n switch (type) {\n case INTERNAL_FORM_ELEMENT_BUSINESS_NAME:\n return sources && sources.tenant ? fm.apply(sources.tenant.displayName, formatOption) : '';\n\n case INTERNAL_FORM_ELEMENT_BUSINESS_FULL_ADDRESS:\n return sources && sources.tenant && sources.tenant.address && sources.tenant.address.fullLine ? fm.apply(sources.tenant.address.fullLine, formatOption) : null;\n\n case INTERNAL_FORM_ELEMENT_BUSINESS_ADDRESS_LINE1:\n return sources && sources.tenant && sources.tenant.address && sources.tenant.address.addressLine1 ? fm.apply(sources.tenant.address.addressLine1, formatOption) : null;\n\n case INTERNAL_FORM_ELEMENT_BUSINESS_ADDRESS_LINE2:\n return sources && sources.tenant && sources.tenant.address && sources.tenant.address.addressLine2 ? fm.apply(sources.tenant.address.addressLine2, formatOption) : null;\n\n case INTERNAL_FORM_ELEMENT_BUSINESS_ADDRESS_COUNTRY:\n return sources && sources.tenant && sources.tenant.address && sources.tenant.address.country ? fm.apply(sources.tenant.address.country, formatOption) : null;\n\n case INTERNAL_FORM_ELEMENT_BUSINESS_PHONE:\n return sources && sources.tenant ? fm.apply(sources.tenant.phoneNumber, formatOption) : null;\n\n case INTERNAL_FORM_ELEMENT_BUSINESS_EMAIL:\n return sources && sources.tenant ? fm.apply(sources.tenant.emailAddress, formatOption) : null;\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_NAME:\n return sources && sources.customer ? fm.apply(sources.customer, formatOption, ph.getPreferredFirstLastName(sources.customer)) : null;\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_FULL_ADDRESS:\n return sources && sources.customer && sources.customer && sources.customer.address && sources.customer.address.fullLine ? fm.apply(sources.customer.address.fullLine, formatOption) : null;\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_ADDRESS_LINE1:\n return sources && sources.customer && sources.customer && sources.customer.address && sources.customer.address.addressLine1 ? fm.apply(sources.customer.address.addressLine1, formatOption) : null;\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_ADDRESS_LINE2:\n return sources && sources.customer && sources.customer && sources.customer.address && sources.customer.address.addressLine2 ? fm.apply(sources.customer.address.addressLine2, formatOption) : null;\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_ADDRESS_COUNTRY:\n return sources && sources.customer && sources.customer && sources.customer.address && sources.customer.address.country ? fm.apply(sources.customer.address.country, formatOption) : null;\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_PHONE:\n return sources && sources.customer ? fm.apply(sources.customer.phoneNumber, formatOption) : null;\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_EMAIL:\n return sources && sources.customer ? fm.apply(sources.customer.emailAddress, formatOption) : null;\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_DATE_OF_BIRTH:\n return sources && sources.customer ? fm.apply((sources.customer.dateOfBirth ? moment(sources.customer.dateOfBirth) : null), formatOption.type, (sources.customer.dateOfBirth ? moment(sources.customer.dateOfBirth).format('YYYY-MM-DD') : null)) : null;\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_AGE:\n return sources && sources.customer ? ph.getAge(sources.customer.dateOfBirth) : null;\n\n case INTERNAL_FORM_ELEMENT_CUSTOMER_HEALTH_CARD:\n return sources && sources.customer && sources.customer.patientProfile && sources.customer.patientProfile.healthCardNumber ? ph.formatHealthCard(sources.customer.patientProfile.healthCardNumber) : null;\n\n case INTERNAL_FORM_ELEMENT_EXAM_DATE:\n return sources && sources.exam && sources.exam.createdDateUtc ? fm.apply(moment.utc(sources.exam.createdDateUtc), formatOption.type, moment.utc(sources.exam.createdDateUtc).format('YYYY-MM-DD')) : null;\n\n case INTERNAL_FORM_ELEMENT_EXAM_DOCTOR:\n return sources && sources.user ? fm.apply(sources.user, formatOption.type, ph.getPreferredFirstLastName(sources.user)) : null;\n\n case INTERNAL_FORM_ELEMENT_EXAM_DOCTOR_LICENSE_NUMBER:\n return sources && sources.user ? sources.user.licenseNumber : null;\n\n case INTERNAL_FORM_ELEMENT_EXAM_DOCTOR_BILLING_NUMBER:\n return sources && sources.user ? sources.user.publicInsuranceProviderNumber : null;\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_NUMBER:\n return sources && sources.workOrder ? fm.apply(sources.workOrder.number, formatOption) : null;\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_INVOICE_NUMBER:\n return sources && sources.workOrder && sources.workOrder.purchase ? fm.apply(sources.workOrder.purchase.invoiceNumber, formatOption) : null;\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_INVOICE_TOTAL:\n return sources && sources.workOrder && sources.workOrder.purchase ? fm.apply(fn.formatCurrency(sources.workOrder.purchase.total), formatOption) : null;\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_INVOICE_BALANCE:\n return sources && sources.workOrder && sources.workOrder.purchase ? fm.apply(fn.formatCurrency(sources.workOrder.purchase.remainingBalance), formatOption) : null;\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_INVOICE_DOCTOR:\n return sources && sources.workOrder && sources.workOrder.purchase && sources.workOrder.purchase.user ? uh.getDisplayFullNameById(sources.workOrder.purchase.user.id) : null;\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_CREATED_DATE:\n return sources && sources.workOrder && sources.workOrder.createdDateUtc ? fm.apply(moment.utc(sources.workOrder.createdDateUtc), formatOption, moment.utc(sources.workOrder.createdDateUtc).format('YYYY-MM-DD')) : null;\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_CREATED_BY:\n return sources && sources.workOrder ? fm.apply(sources.workOrder.createdBy, formatOption) : null;\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_SUBMITTED_DATE:\n return sources && sources.workOrder && sources.workOrder.submittedDateUtc ? fm.apply(moment.utc(sources.workOrder.submittedDateUtc), formatOption, moment.utc(sources.workOrder.submittedDateUtc).format('YYYY-MM-DD')) : null;\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_SUBMITTED_BY:\n return sources && sources.workOrder ? fm.apply(sources.workOrder.submittedBy, formatOption) : null;\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_NOTES:\n if (sources && sources.notes && sources.workOrder) {\n const filteredNotes = sources.notes.filter(n => n.referenceId === sources.workOrder.id);\n\n if (filteredNotes && filteredNotes.length > 0) {\n return filteredNotes.map(n => { return n.bodyHtml }).reduce((a, b) => `${a}${b}`);\n }\n }\n\n return null;\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_FIELD:\n if (sources && sources.workOrder && element.metadata.workOrder && element.metadata.workOrder.field) {\n const variables = mh.parseVariables(element.metadata.workOrder.field);\n\n if (variables && variables.length > 0) {\n for (let i = 0; i < variables.length; i++) {\n if (variables[i] && variables[i].key) {\n let items = sources.workOrder.items.filter(t => t.template.id === element.metadata.workOrder.id);\n\n if (items && items.length > 0) {\n switch (variables[i].key) {\n case 'quantity':\n return items.map(t => { return t.transactionItems ? t.transactionItems.length : 1 }).reduce((a, b) => a + b);\n\n case 'productType':\n items = items.filter(t => t.productType);\n return items && items.length > 0 ? items.map(t => { return t.productType }).filter((v, x, a) => a.indexOf(v) === x).reduce((a, b) => `${a}, ${b}`) : null;\n\n case 'brandName':\n items = items.filter(t => t.brandName);\n return items && items.length > 0 ? items.map(t => { return t.isOverridden && t.overriddenBrandName ? t.overriddenBrandName : (t.brandName ? t.brandName : 'Custom') }).filter((v, x, a) => a.indexOf(v) === x).reduce((a, b) => `${a}, ${b}`) : null;\n\n case 'supplierName':\n items = items.filter(t => t.supplierName);\n return items && items.length > 0 ? items.map(t => { return t.isOverridden && t.overriddenSupplierName ? t.overriddenSupplierName : (t.supplierName ? t.supplierName : 'Custom') }).filter((v, x, a) => a.indexOf(v) === x).reduce((a, b) => `${a}, ${b}`) : null;\n\n case 'brandSupplierName':\n return items.map(t => { return `${t.isOverridden && t.overriddenBrandName ? t.overriddenBrandName : (t.brandName ? t.brandName : 'Custom')} (${t.isOverridden && t.overriddenSupplierName ? t.overriddenSupplierName : (t.supplierName ? t.supplierName : 'Custom')})` }).filter((v, x, a) => a.indexOf(v) === x).reduce((a, b) => `${a}, ${b}`);\n\n case 'descriptor':\n items = items.filter(t => t.descriptor);\n return items && items.length > 0 ? items.map(t => { return t.isOverridden && t.overriddenDescriptor ? t.overriddenDescriptor : t.descriptor }).filter((v, x, a) => a.indexOf(v) === x).reduce((a, b) => `${a}, ${b}`) : null;\n\n case 'quantityDescriptor':\n const group = [];\n\n items = items.filter(t => t.descriptor);\n\n if (items && items.length > 0) {\n const descriptors = items.map(t => { return { quantity: t.transactionItems ? t.transactionItems.length : 1, descriptor: t.isOverridden && t.overriddenDescriptor ? t.overriddenDescriptor : t.descriptor } });\n\n for (let y = 0; y < descriptors.length; y++) {\n const groupIndex = (group.indexOf(g => g.descriptor === descriptors[y].descriptor));\n\n if (groupIndex > -1) {\n group[groupIndex].quantity = group[groupIndex].quantity + descriptors[y].quantity;\n } else {\n group.push(descriptors[y]);\n }\n }\n\n return group && group.length > 0 ? group.map(g => { return `${g.quantity}x ${g.descriptor}` }).reduce((a, b) => `${a}, ${b}`) : null;\n }\n return null;\n\n default:\n const found = [];\n\n for (let j = 0; j < items.length; j++) {\n const data = items[j].workOrderData ? items[j].workOrderData.filter(d => d.id === variables[i].key)[0] : null;\n\n if (data != null) {\n found.push(data);\n }\n }\n\n return found && found.length > 0 ?\n found.map(f => fm.apply(f.value, formatOption)).reduce((a, b) => `${a}, ${b}`) : null;\n }\n }\n }\n }\n }\n }\n\n return null;\n\n case INTERNAL_FORM_ELEMENT_PAGE_NUMBER:\n return formatOption ? formatOption.example : 'Page 1';\n\n default:\n return '';\n }\n}\n\nexport const getFormatOptions = (type) => {\n switch (type) {\n case INTERNAL_FORM_ELEMENT_CUSTOMER_NAME:\n return fm.NAME_FORMAT_OPTIONS;\n\n case INTERNAL_FORM_ELEMENT_BUSINESS_PHONE:\n case INTERNAL_FORM_ELEMENT_CUSTOMER_PHONE:\n return fm.PHONE_FORMAT_OPTIONS;\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_CREATED_DATE:\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_SUBMITTED_DATE:\n case INTERNAL_FORM_ELEMENT_CUSTOMER_DATE_OF_BIRTH:\n case INTERNAL_FORM_ELEMENT_EXAM_DATE:\n return fm.DATE_FORMAT_OPTIONS;\n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_FIELD:\n return fm.DISPLAY_STRING_OPTIONS;\n\n case INTERNAL_FORM_ELEMENT_PAGE_NUMBER:\n return fm.PAGE_NUMBER_FORMAT_OPTIONS;\n\n case INTERNAL_FORM_ELEMENT_EXAM_DOCTOR:\n return fm.DOCTOR_NAME_FORMAT_OPTIONS;\n\n default:\n return [];\n }\n}\n\nexport const renderElement = (element, options) => {\n const defaults = {\n controlKey: `_${uuid()}`,\n readOnly: null,\n isDesignMode: true,\n defaultValue: null,\n quickDrawer: null,\n onClick: null,\n onDoubleClick: null,\n onContextMenu: null,\n };\n options = { ...defaults, ...options }\n\n if (options.pageSettings) {\n options.pageSettings.paper = options.pageSettings.paper ? options.pageSettings.paper : getPaperDimension('letter');\n options.pageSettings.margins = options.pageSettings.margins ? options.pageSettings.margins : INTERNAL_FORM_TEMPLATE_PAGE_SETTINGS_MARGINS_NORMAL;\n } else {\n options.pageSettings = {\n paper: getPaperDimension('letter'),\n margins: INTERNAL_FORM_TEMPLATE_PAGE_SETTINGS_MARGINS_NORMAL,\n };\n }\n\n switch (element.type) {\n case INTERNAL_FORM_ELEMENT_RICHTEXT_EDITOR:\n case INTERNAL_FORM_ELEMENT_BUSINESS_NAME:\n case INTERNAL_FORM_ELEMENT_BUSINESS_FULL_ADDRESS:\n case INTERNAL_FORM_ELEMENT_BUSINESS_ADDRESS_LINE1:\n case INTERNAL_FORM_ELEMENT_BUSINESS_ADDRESS_LINE2:\n case INTERNAL_FORM_ELEMENT_BUSINESS_ADDRESS_COUNTRY:\n case INTERNAL_FORM_ELEMENT_BUSINESS_PHONE:\n case INTERNAL_FORM_ELEMENT_BUSINESS_EMAIL:\n case INTERNAL_FORM_ELEMENT_CUSTOMER_NAME:\n case INTERNAL_FORM_ELEMENT_CUSTOMER_FULL_ADDRESS:\n case INTERNAL_FORM_ELEMENT_CUSTOMER_ADDRESS_LINE1:\n case INTERNAL_FORM_ELEMENT_CUSTOMER_ADDRESS_LINE2:\n case INTERNAL_FORM_ELEMENT_CUSTOMER_ADDRESS_COUNTRY:\n case INTERNAL_FORM_ELEMENT_CUSTOMER_PHONE:\n case INTERNAL_FORM_ELEMENT_CUSTOMER_EMAIL:\n case INTERNAL_FORM_ELEMENT_CUSTOMER_DATE_OF_BIRTH:\n case INTERNAL_FORM_ELEMENT_CUSTOMER_AGE:\n case INTERNAL_FORM_ELEMENT_CUSTOMER_HEALTH_CARD:\n case INTERNAL_FORM_ELEMENT_EXAM_DATE:\n case INTERNAL_FORM_ELEMENT_EXAM_DOCTOR:\n case INTERNAL_FORM_ELEMENT_EXAM_DOCTOR_LICENSE_NUMBER:\n case INTERNAL_FORM_ELEMENT_EXAM_DOCTOR_BILLING_NUMBER:\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_NUMBER:\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_INVOICE_NUMBER:\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_INVOICE_TOTAL:\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_INVOICE_BALANCE:\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_INVOICE_DOCTOR:\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_CREATED_DATE:\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_CREATED_BY:\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_SUBMITTED_DATE:\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_SUBMITTED_BY:\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_FIELD:\n case INTERNAL_FORM_ELEMENT_PAGE_NUMBER:\n return
{\n options.defaultValue ?\n options.defaultValue :\n options.isDesignMode ? getDefaultValue(element.type, (element.metadata && element.metadata.format ? element.metadata.format : null)) : null\n }
\n }\n \n \n\n case INTERNAL_FORM_ELEMENT_WORK_ORDER_NOTES:\n return- \n
- Password must be at least 8 characters in length \n
- Contains upper case (A-Z) and lower case (a-z) letters \n
- Contains at least 1 number \n
- Contains at least 1 special character (e.g. @ # $ % ^ & *) \n
\n
\n \n : null\n }\n\n return <>{render()}\n}\n\nexport default ConfirmModal;","import moment, { isMoment } from 'moment';\nimport { hasNumericValue } from 'mathjs';\n\nimport * as ph from './personHelper';\n\nexport const NAME_FORMAT_OPTIONS = [{\n type: 'FirstLastName',\n example: 'Jonathan Williams',\n}, {\n type: 'PreferredFirstLastName',\n example: 'John (Jonathan) Williams',\n}, {\n type: 'LastFirstName',\n example: 'Williams, Jonathan',\n}, {\n type: 'LastFirstMiddleName',\n example: 'Williams, Jonathan Isaac',\n}, {\n type: 'PreferredLastFirstName',\n example: 'Williams, John (Jonathan)',\n}, {\n type: 'PreferredLastFirstMiddleName',\n example: 'Williams, John Isaac (Jonathan)',\n}];\n\nexport const DOCTOR_NAME_FORMAT_OPTIONS = [{\n type: 'DrFirstLastNameNoSalutation',\n example: 'Jonathan Williams',\n},\n{\n type: 'DrFirstLastName',\n example: 'Dr. John Williams',\n},\n{\n type: 'DrFirstLastNameDesignationNoSalutation',\n example: 'John Williams, MD',\n},\n{\n type: 'DrFirstLastNameDesignation',\n example: 'Dr. John Williams, MD',\n}];\n\nexport const DOCTOR_LICENSE_BILLING_FORMAT_OPTIONS = [{\n type: 'LicenseOnly',\n example: 'License No.: 012345',\n},\n{\n type: 'BillingOnly',\n example: 'Billing No.: 678901',\n},\n{\n type: 'LicenseBilling',\n example: 'License No.: 012345, Billing No.: 678901',\n},\n{\n type: 'NoLicenseBilling',\n example: '[empty]',\n}];\n\nexport const PHONE_FORMAT_OPTIONS = [{\n type: 'PhoneInternational',\n example: '+14165559999'\n}, {\n type: 'PhoneSpace',\n example: '416 555 9999',\n}, {\n type: 'PhoneDash',\n example: '416-555-9999',\n}, {\n type: 'PhoneBrackets',\n example: '(416) 555-9999',\n}, {\n type: 'PhoneSpacePlusOne',\n example: '1 416 555 9999',\n}, {\n type: 'PhoneDashPlusOne',\n example: '1-416-555-9999',\n}, {\n type: 'PhoneBracketsPlusOne',\n example: '1 (416) 555-9999',\n}];\n\nexport const DATE_FORMAT_OPTIONS = [{\n type: 'DashYearMonthDay',\n example: moment().format('YYYY-MM-DD'),\n}, {\n type: 'SlashYearMonthDay',\n example: moment().format('YYYY/MM/DD'),\n}, {\n type: 'FullDate',\n example: moment().format('MMMM D, YYYY'),\n}, {\n type: 'ShortDate',\n example: moment().format('MMM D, YYYY'),\n}];\n\nexport const PAGE_NUMBER_FORMAT_OPTIONS = [{\n type: 'PageNumberOnly',\n example: '1',\n}, {\n type: 'PrefixPageNumberOnly',\n example: 'Page 1',\n}, {\n type: 'PageNumberAndTotal',\n example: '1 of 1',\n}, {\n type: 'PrefixPageNumberAndTotal',\n example: 'Page 1 of 1',\n}];\n\nexport const DISPLAY_STRING_OPTIONS = [{\n type: 'None',\n example: 'Display as is',\n}, {\n type: 'PlusMinus',\n example: '+1.00, -1.00, 0.00',\n}, {\n type: 'PlusMinusPlusZero',\n example: '+1.00, -1.00, +0.00',\n}];\n\nexport const apply = (obj, format, defaultValue) => {\n if (!obj || !format || !format) {\n return defaultValue ? defaultValue : obj;\n }\n\n switch (format) {\n case 'FirstLastName':\n case 'PreferredFirstLastName':\n case 'LastFirstName':\n case 'LastFirstMiddleName':\n case 'PreferredLastFirstName':\n case 'PreferredLastFirstMiddleName':\n case 'FirstLastNameNoSalutation':\n case 'DrFirstLastNameNoSalutation':\n case 'DrFirstLastName':\n case 'DrFirstLastNameDesignationNoSalutation':\n case 'DrFirstLastNameDesignation':\n switch (format) {\n case 'FirstLastName':\n return ph.getFirstLastName(obj);\n\n case 'PreferredFirstLastName':\n return ph.getPreferredFirstLastName(obj);\n\n case 'LastFirstName':\n return ph.getLastFirstName(obj);\n\n case 'LastFirstMiddleName':\n return ph.getLastFirstMiddleName(obj);\n\n case 'PreferredLastFirstName':\n return ph.getLastFirstName(obj);\n\n case 'PreferredLastFirstMiddleName':\n return ph.getPreferredLastFirstMiddleName(obj);\n\n case 'DrFirstLastNameNoSalutation':\n obj.salutation = null;\n return ph.getFirstLastName(obj);\n\n case 'DrFirstLastName':\n return ph.getFirstLastName(obj);\n\n case 'DrFirstLastNameDesignationNoSalutation':\n obj.salutation = null;\n return `${ph.getFirstLastName(obj)}${(!!obj.designation ? `, ${obj.designation}` : '')}`;\n\n case 'DrFirstLastNameDesignation':\n return `${ph.getFirstLastName(obj)}${(!!obj.designation ? `, ${obj.designation}` : '')}`;\n\n default:\n break;\n }\n break;\n\n case 'PhoneInternational':\n case 'PhoneSpace':\n case 'PhoneDash':\n case 'PhoneBrackets':\n case 'PhoneSpacePlusOne':\n case 'PhoneDashPlusOne':\n case 'PhoneBracketsPlusOne':\n let phoneParts = obj ? obj.split('x') : [''];\n let unformattedPhone = phoneParts[0].replace(/[^\\d*]/g, '');\n let formattedPhone = unformattedPhone;\n\n switch (format) {\n case 'PhoneInternational':\n if (unformattedPhone.length === 10) {\n formattedPhone = `+1${unformattedPhone}`;\n }\n else if (unformattedPhone.length === 11 && unformattedPhone[0] === '1') {\n formattedPhone = `+${unformattedPhone}`;\n }\n else if (unformattedPhone.length === 11 && unformattedPhone[0] === '*') {\n formattedPhone = `+1${unformattedPhone.substr(1)}`;\n }\n break;\n\n case 'PhoneSpace':\n if (unformattedPhone.length === 10) {\n formattedPhone = `${(unformattedPhone.substr(0, 1) === '8' ? '1 ' : '')}${unformattedPhone.substr(0, 3)} ${unformattedPhone.substr(3, 3)} ${unformattedPhone.substr(6)}`;\n }\n else if (unformattedPhone.length === 11 && unformattedPhone[0] === '1') {\n formattedPhone = `${(unformattedPhone.substr(1, 1) === '8' ? '1 ' : '')}${unformattedPhone.substr(1, 3)} ${unformattedPhone.substr(4, 3)} ${unformattedPhone.substr(7)}`;\n }\n else if (unformattedPhone.length === 11 && unformattedPhone[0] === '*') {\n formattedPhone = `${unformattedPhone.substr(1, 3)} ${unformattedPhone.substr(4, 3)} ${unformattedPhone.substr(7)}`;\n }\n break;\n\n case 'PhoneDash':\n if (unformattedPhone.length === 10) {\n formattedPhone = `${(unformattedPhone.substr(0, 1) === '8' ? '1-' : '')}${unformattedPhone.substr(0, 3)}-${unformattedPhone.substr(3, 3)}-${unformattedPhone.substr(6)}`;\n }\n else if (unformattedPhone.length === 11 && unformattedPhone[0] === '1') {\n formattedPhone = `${(unformattedPhone.substr(1, 1) === '8' ? '1-' : '')}${unformattedPhone.substr(1, 3)}-${unformattedPhone.substr(4, 3)}-${unformattedPhone.substr(7)}`;\n }\n else if (unformattedPhone.length === 11 && unformattedPhone[0] === '*') {\n formattedPhone = `${unformattedPhone.substr(1, 3)}-${unformattedPhone.substr(4, 3)}-${unformattedPhone.substr(7)}`;\n }\n break;\n\n case 'PhoneBrackets':\n if (unformattedPhone.length === 10) {\n formattedPhone = `${(unformattedPhone.substr(0, 1) === '8' ? '1 ' : '')}(${unformattedPhone.substr(0, 3)}) ${unformattedPhone.substr(3, 3)}-${unformattedPhone.substr(6)}`;\n }\n else if (unformattedPhone.length === 11 && unformattedPhone[0] === '1') {\n formattedPhone = `${(unformattedPhone.substr(1, 1) === '8' ? '1 ' : '')}(${unformattedPhone.substr(1, 3)}) ${unformattedPhone.substr(4, 3)}-${unformattedPhone.substr(7)}`;\n }\n else if (unformattedPhone.length === 11 && unformattedPhone[0] === '*') {\n formattedPhone = `(${unformattedPhone.substr(1, 3)}) ${unformattedPhone.substr(4, 3)}-${unformattedPhone.substr(7)}`;\n }\n break;\n\n case 'PhoneSpacePlusOne':\n if (unformattedPhone.length === 10) {\n formattedPhone = `1-${unformattedPhone.substr(0, 3)} ${unformattedPhone.substr(3, 3)} ${unformattedPhone.substr(6)}`;\n }\n else if (unformattedPhone.length === 11 && unformattedPhone[0] === '1') {\n formattedPhone = `1-${unformattedPhone.substr(1, 3)} ${unformattedPhone.substr(4, 3)} ${unformattedPhone.substr(7)}`;\n }\n else if (unformattedPhone.length === 11 && unformattedPhone[0] === '*') {\n formattedPhone = `1-${unformattedPhone.substr(1, 3)} ${unformattedPhone.substr(4, 3)} ${unformattedPhone.substr(7)}`;\n }\n break;\n\n case 'PhoneDashPlusOne':\n if (unformattedPhone.length === 10) {\n formattedPhone = `1-${unformattedPhone.substr(0, 3)}-${unformattedPhone.substr(3, 3)}-${unformattedPhone.substr(6)}`;\n }\n else if (unformattedPhone.length === 11 && unformattedPhone[0] === '1') {\n formattedPhone = `1-${unformattedPhone.substr(1, 3)}-${unformattedPhone.substr(4, 3)}-${unformattedPhone.substr(7)}`;\n }\n else if (unformattedPhone.length === 11 && unformattedPhone[0] === '*') {\n formattedPhone = `1-${unformattedPhone.substr(1, 3)}-${unformattedPhone.substr(4, 3)}-${unformattedPhone.substr(7)}`;\n }\n break;\n\n case 'PhoneBracketsPlusOne':\n if (unformattedPhone.length === 10) {\n formattedPhone = `1-(${unformattedPhone.substr(0, 3)}) ${unformattedPhone.substr(3, 3)}-${unformattedPhone.substr(6)}`;\n }\n else if (unformattedPhone.length === 11 && unformattedPhone[0] === '1') {\n formattedPhone = `1-(${unformattedPhone.substr(1, 3)}) ${unformattedPhone.substr(4, 3)}-${unformattedPhone.substr(7)}`;\n }\n else if (unformattedPhone.length === 11 && unformattedPhone[0] === '*') {\n formattedPhone = `1-(${unformattedPhone.substr(1, 3)}) ${unformattedPhone.substr(4, 3)}-${unformattedPhone.substr(7)}`;\n }\n break;\n\n default:\n break;\n }\n\n return `${formattedPhone}${phoneParts.length > 1 ? ` x${phoneParts[1]}` : ''}`;\n\n case 'DashYearMonthDay':\n case 'SlashYearMonthDay':\n case 'FullDate':\n case 'ShortDate':\n case 'FullDayOfWeekDate':\n case 'ShortDayOfWeekDate':\n let date = isMoment(obj) ? obj.clone() : moment(obj);\n\n if (date.isValid) {\n switch (format) {\n case 'DashYearMonthDay':\n return date.format(\"YYYY-MM-DD\");\n\n case 'SlashYearMonthDay':\n return date.format(\"YYYY/MM/DD\");\n\n case 'FullDate':\n return date.format(\"MMMM D, YYYY\");\n\n case 'ShortDate':\n return date.format(\"MMM D, YYYY\");\n\n case 'FullDayOfWeekDate':\n return date.format(\"dddd, MMMM Do, YYYY\");\n\n case 'ShortDayOfWeekDate':\n return date.format(\"ddd, MMM Do, YYYY\");\n\n default:\n break;\n }\n }\n break;\n\n case 'PlusMinus':\n case 'PlusMinusPlusZero':\n let field = obj;\n\n if (hasNumericValue(field)) {\n switch (format) {\n case 'PlusMinus':\n return `${(parseFloat(field) > 0 ? ' +' : '')}${field}`.replace('++', '+');\n\n case 'PlusMinusPlusZero':\n return `${(parseFloat(field) >= 0 ? ' +' : '')}${field}`.replace('++', '+');\n\n default:\n break;\n }\n }\n break;\n\n case 'LicenseOnly':\n return !!obj.licenseNumber ? `License No.: ${obj.licenseNumber}` : '';\n\n case 'BillingOnly':\n return !!obj.publicInsuranceProviderNumber ? `Billing No.: ${obj.publicInsuranceProviderNumber}` : '';\n\n case 'LicenseBilling':\n const licenseNumber = !!obj.licenseNumber ? `License No.: ${obj.licenseNumber}` : '';\n const billingNumber = !!obj.publicInsuranceProviderNumber ? `Billing No.: ${obj.publicInsuranceProviderNumber}` : '';\n\n if (!!licenseNumber && !!billingNumber) {\n return `${licenseNumber}, ${billingNumber}`;\n }\n\n if (!!licenseNumber && !billingNumber) {\n return `${licenseNumber}`;\n }\n\n if (!licenseNumber && !!billingNumber) {\n return `${billingNumber}`;\n }\n\n return '';\n\n case 'NoLicenseBilling':\n return '';\n\n default:\n break;\n }\n\n return defaultValue ? defaultValue : obj;\n}","import React from 'react';\n\nexport const getAddressHtml = (address) => {\n if (!address) return ;\n\n return \n {\n address.addressLine1 ?\n {address.addressLine1} : null\n }\n {\n address.addressline2 ?\n {address.addressline2} : null\n }\n \n {\n address.locality ?\n {address.locality} : null\n }\n {\n address.regionCode ?\n {address.regionCode} : null\n }\n \n \n {\n address.postalCode ?\n {address.postalCode} : null\n }\n {\n address.country ?\n {address.country} : null\n }\n \n \n}\n\nexport const getAddressText = (address) => {\n return address.addressLine1 +\n (!!address.addressLine2 ? `, ${address.addressLine2}` : '') +\n (!!address.locality ? `, ${address.locality}` : '') +\n (!!address.regionCode ? `, ${address.regionCode}` : '') +\n (!!address.postalCode ? ` ${address.postalCode}` : '') +\n (!!address.country ? ` ${address.country}` : '');\n}\n\nexport const isSame = (address1, address2) => {\n if (!!address1 && !!address2) {\n address1.id = null;\n address2.id = null;\n return JSON.stringify(address1) === JSON.stringify(address2);\n }\n\n return false;\n}\n\nexport const COUNTRIES = [\n { name: `Afghanistan`, alpha2: `AF`, alpha3: `AFG` },\n { name: `Åland Islands`, alpha2: `AX`, alpha3: `ALA` },\n { name: `Albania`, alpha2: `AL`, alpha3: `ALB` },\n { name: `Algeria`, alpha2: `DZ`, alpha3: `DZA` },\n { name: `American Samoa`, alpha2: `AS`, alpha3: `ASM` },\n { name: `Andorra`, alpha2: `AD`, alpha3: `AND` },\n { name: `Angola`, alpha2: `AO`, alpha3: `AGO` },\n { name: `Anguilla`, alpha2: `AI`, alpha3: `AIA` },\n { name: `Antarctica`, alpha2: `AQ`, alpha3: `ATA` },\n { name: `Antigua and Barbuda`, alpha2: `AG`, alpha3: `ATG` },\n { name: `Argentina`, alpha2: `AR`, alpha3: `ARG` },\n { name: `Armenia`, alpha2: `AM`, alpha3: `ARM` },\n { name: `Aruba`, alpha2: `AW`, alpha3: `ABW` },\n { name: `Australia`, alpha2: `AU`, alpha3: `AUS` },\n { name: `Austria`, alpha2: `AT`, alpha3: `AUT` },\n { name: `Azerbaijan`, alpha2: `AZ`, alpha3: `AZE` },\n { name: `Bahamas`, alpha2: `BS`, alpha3: `BHS` },\n { name: `Bahrain`, alpha2: `BH`, alpha3: `BHR` },\n { name: `Bangladesh`, alpha2: `BD`, alpha3: `BGD` },\n { name: `Barbados`, alpha2: `BB`, alpha3: `BRB` },\n { name: `Belarus`, alpha2: `BY`, alpha3: `BLR` },\n { name: `Belgium`, alpha2: `BE`, alpha3: `BEL` },\n { name: `Belize`, alpha2: `BZ`, alpha3: `BLZ` },\n { name: `Benin`, alpha2: `BJ`, alpha3: `BEN` },\n { name: `Bermuda`, alpha2: `BM`, alpha3: `BMU` },\n { name: `Bhutan`, alpha2: `BT`, alpha3: `BTN` },\n { name: `Bolivia (Plurinational State of)`, alpha2: `BO`, alpha3: `BOL` },\n { name: `Bonaire, Sint Eustatius and Saba`, alpha2: `BQ`, alpha3: `BES` },\n { name: `Bosnia and Herzegovina`, alpha2: `BA`, alpha3: `BIH` },\n { name: `Botswana`, alpha2: `BW`, alpha3: `BWA` },\n { name: `Bouvet Island`, alpha2: `BV`, alpha3: `BVT` },\n { name: `Brazil`, alpha2: `BR`, alpha3: `BRA` },\n { name: `British Indian Ocean Territory`, alpha2: `IO`, alpha3: `IOT` },\n { name: `Brunei Darussalam`, alpha2: `BN`, alpha3: `BRN` },\n { name: `Bulgaria`, alpha2: `BG`, alpha3: `BGR` },\n { name: `Burkina Faso`, alpha2: `BF`, alpha3: `BFA` },\n { name: `Burundi`, alpha2: `BI`, alpha3: `BDI` },\n { name: `Cabo Verde`, alpha2: `CV`, alpha3: `CPV` },\n { name: `Cambodia`, alpha2: `KH`, alpha3: `KHM` },\n { name: `Cameroon`, alpha2: `CM`, alpha3: `CMR` },\n { name: `Canada`, alpha2: `CA`, alpha3: `CAN` },\n { name: `Cayman Islands`, alpha2: `KY`, alpha3: `CYM` },\n { name: `Central African Republic`, alpha2: `CF`, alpha3: `CAF` },\n { name: `Chad`, alpha2: `TD`, alpha3: `TCD` },\n { name: `Chile`, alpha2: `CL`, alpha3: `CHL` },\n { name: `China`, alpha2: `CN`, alpha3: `CHN` },\n { name: `Christmas Island`, alpha2: `CX`, alpha3: `CXR` },\n { name: `Cocos (Keeling) Islands`, alpha2: `CC`, alpha3: `CCK` },\n { name: `Colombia`, alpha2: `CO`, alpha3: `COL` },\n { name: `Comoros`, alpha2: `KM`, alpha3: `COM` },\n { name: `Congo (the Democratic Republic of the)`, alpha2: `CD`, alpha3: `COD` },\n { name: `Congo`, alpha2: `CG`, alpha3: `COG` },\n { name: `Cook Islands`, alpha2: `CK`, alpha3: `COK` },\n { name: `Costa Rica`, alpha2: `CR`, alpha3: `CRI` },\n { name: `Côte d'Ivoire`, alpha2: `CI`, alpha3: `CIV` },\n { name: `Croatia`, alpha2: `HR`, alpha3: `HRV` },\n { name: `Cuba`, alpha2: `CU`, alpha3: `CUB` },\n { name: `Curaçao`, alpha2: `CW`, alpha3: `CUW` },\n { name: `Cyprus`, alpha2: `CY`, alpha3: `CYP` },\n { name: `Czechia`, alpha2: `CZ`, alpha3: `CZE` },\n { name: `Denmark`, alpha2: `DK`, alpha3: `DNK` },\n { name: `Djibouti`, alpha2: `DJ`, alpha3: `DJI` },\n { name: `Dominica`, alpha2: `DM`, alpha3: `DMA` },\n { name: `Dominican Republic`, alpha2: `DO`, alpha3: `DOM` },\n { name: `Ecuador`, alpha2: `EC`, alpha3: `ECU` },\n { name: `Egypt`, alpha2: `EG`, alpha3: `EGY` },\n { name: `El Salvador`, alpha2: `SV`, alpha3: `SLV` },\n { name: `Equatorial Guinea`, alpha2: `GQ`, alpha3: `GNQ` },\n { name: `Eritrea`, alpha2: `ER`, alpha3: `ERI` },\n { name: `Estonia`, alpha2: `EE`, alpha3: `EST` },\n { name: `Eswatini`, alpha2: `SZ`, alpha3: `SWZ` },\n { name: `Ethiopia`, alpha2: `ET`, alpha3: `ETH` },\n { name: `Falkland Islands [Malvinas]`, alpha2: `FK`, alpha3: `FLK` },\n { name: `Faroe Islands`, alpha2: `FO`, alpha3: `FRO` },\n { name: `Fiji`, alpha2: `FJ`, alpha3: `FJI` },\n { name: `Finland`, alpha2: `FI`, alpha3: `FIN` },\n { name: `France`, alpha2: `FR`, alpha3: `FRA` },\n { name: `French Guiana`, alpha2: `GF`, alpha3: `GUF` },\n { name: `French Polynesia`, alpha2: `PF`, alpha3: `PYF` },\n { name: `French Southern Territories`, alpha2: `TF`, alpha3: `ATF` },\n { name: `Gabon`, alpha2: `GA`, alpha3: `GAB` },\n { name: `Gambia`, alpha2: `GM`, alpha3: `GMB` },\n { name: `Georgia`, alpha2: `GE`, alpha3: `GEO` },\n { name: `Germany`, alpha2: `DE`, alpha3: `DEU` },\n { name: `Ghana`, alpha2: `GH`, alpha3: `GHA` },\n { name: `Gibraltar`, alpha2: `GI`, alpha3: `GIB` },\n { name: `Greece`, alpha2: `GR`, alpha3: `GRC` },\n { name: `Greenland`, alpha2: `GL`, alpha3: `GRL` },\n { name: `Grenada`, alpha2: `GD`, alpha3: `GRD` },\n { name: `Guadeloupe`, alpha2: `GP`, alpha3: `GLP` },\n { name: `Guam`, alpha2: `GU`, alpha3: `GUM` },\n { name: `Guatemala`, alpha2: `GT`, alpha3: `GTM` },\n { name: `Guernsey`, alpha2: `GG`, alpha3: `GGY` },\n { name: `Guinea`, alpha2: `GN`, alpha3: `GIN` },\n { name: `Guinea-Bissau`, alpha2: `GW`, alpha3: `GNB` },\n { name: `Guyana`, alpha2: `GY`, alpha3: `GUY` },\n { name: `Haiti`, alpha2: `HT`, alpha3: `HTI` },\n { name: `Heard Island and McDonald Islands`, alpha2: `HM`, alpha3: `HMD` },\n { name: `Holy See`, alpha2: `VA`, alpha3: `VAT` },\n { name: `Honduras`, alpha2: `HN`, alpha3: `HND` },\n { name: `Hong Kong`, alpha2: `HK`, alpha3: `HKG` },\n { name: `Hungary`, alpha2: `HU`, alpha3: `HUN` },\n { name: `Iceland`, alpha2: `IS`, alpha3: `ISL` },\n { name: `India`, alpha2: `IN`, alpha3: `IND` },\n { name: `Indonesia`, alpha2: `ID`, alpha3: `IDN` },\n { name: `Iran (Islamic Republic of)`, alpha2: `IR`, alpha3: `IRN` },\n { name: `Iraq`, alpha2: `IQ`, alpha3: `IRQ` },\n { name: `Ireland`, alpha2: `IE`, alpha3: `IRL` },\n { name: `Isle of Man`, alpha2: `IM`, alpha3: `IMN` },\n { name: `Israel`, alpha2: `IL`, alpha3: `ISR` },\n { name: `Italy`, alpha2: `IT`, alpha3: `ITA` },\n { name: `Jamaica`, alpha2: `JM`, alpha3: `JAM` },\n { name: `Japan`, alpha2: `JP`, alpha3: `JPN` },\n { name: `Jersey`, alpha2: `JE`, alpha3: `JEY` },\n { name: `Jordan`, alpha2: `JO`, alpha3: `JOR` },\n { name: `Kazakhstan`, alpha2: `KZ`, alpha3: `KAZ` },\n { name: `Kenya`, alpha2: `KE`, alpha3: `KEN` },\n { name: `Kiribati`, alpha2: `KI`, alpha3: `KIR` },\n { name: `Korea (the Democratic People's Republic of)`, alpha2: `KP`, alpha3: `PRK` },\n { name: `Korea (the Republic of)`, alpha2: `KR`, alpha3: `KOR` },\n { name: `Kuwait`, alpha2: `KW`, alpha3: `KWT` },\n { name: `Kyrgyzstan`, alpha2: `KG`, alpha3: `KGZ` },\n { name: `Lao People's Democratic Republic`, alpha2: `LA`, alpha3: `LAO` },\n { name: `Latvia`, alpha2: `LV`, alpha3: `LVA` },\n { name: `Lebanon`, alpha2: `LB`, alpha3: `LBN` },\n { name: `Lesotho`, alpha2: `LS`, alpha3: `LSO` },\n { name: `Liberia`, alpha2: `LR`, alpha3: `LBR` },\n { name: `Libya`, alpha2: `LY`, alpha3: `LBY` },\n { name: `Liechtenstein`, alpha2: `LI`, alpha3: `LIE` },\n { name: `Lithuania`, alpha2: `LT`, alpha3: `LTU` },\n { name: `Luxembourg`, alpha2: `LU`, alpha3: `LUX` },\n { name: `Macao`, alpha2: `MO`, alpha3: `MAC` },\n { name: `Madagascar`, alpha2: `MG`, alpha3: `MDG` },\n { name: `Malawi`, alpha2: `MW`, alpha3: `MWI` },\n { name: `Malaysia`, alpha2: `MY`, alpha3: `MYS` },\n { name: `Maldives`, alpha2: `MV`, alpha3: `MDV` },\n { name: `Mali`, alpha2: `ML`, alpha3: `MLI` },\n { name: `Malta`, alpha2: `MT`, alpha3: `MLT` },\n { name: `Marshall Islands`, alpha2: `MH`, alpha3: `MHL` },\n { name: `Martinique`, alpha2: `MQ`, alpha3: `MTQ` },\n { name: `Mauritania`, alpha2: `MR`, alpha3: `MRT` },\n { name: `Mauritius`, alpha2: `MU`, alpha3: `MUS` },\n { name: `Mayotte`, alpha2: `YT`, alpha3: `MYT` },\n { name: `Mexico`, alpha2: `MX`, alpha3: `MEX` },\n { name: `Micronesia (Federated States of)`, alpha2: `FM`, alpha3: `FSM` },\n { name: `Moldova (the Republic of)`, alpha2: `MD`, alpha3: `MDA` },\n { name: `Monaco`, alpha2: `MC`, alpha3: `MCO` },\n { name: `Mongolia`, alpha2: `MN`, alpha3: `MNG` },\n { name: `Montenegro`, alpha2: `ME`, alpha3: `MNE` },\n { name: `Montserrat`, alpha2: `MS`, alpha3: `MSR` },\n { name: `Morocco`, alpha2: `MA`, alpha3: `MAR` },\n { name: `Mozambique`, alpha2: `MZ`, alpha3: `MOZ` },\n { name: `Myanmar`, alpha2: `MM`, alpha3: `MMR` },\n { name: `Namibia`, alpha2: `NA`, alpha3: `NAM` },\n { name: `Nauru`, alpha2: `NR`, alpha3: `NRU` },\n { name: `Nepal`, alpha2: `NP`, alpha3: `NPL` },\n { name: `Netherlands`, alpha2: `NL`, alpha3: `NLD` },\n { name: `New Caledonia`, alpha2: `NC`, alpha3: `NCL` },\n { name: `New Zealand`, alpha2: `NZ`, alpha3: `NZL` },\n { name: `Nicaragua`, alpha2: `NI`, alpha3: `NIC` },\n { name: `Niger`, alpha2: `NE`, alpha3: `NER` },\n { name: `Nigeria`, alpha2: `NG`, alpha3: `NGA` },\n { name: `Niue`, alpha2: `NU`, alpha3: `NIU` },\n { name: `Norfolk Island`, alpha2: `NF`, alpha3: `NFK` },\n { name: `Northern Mariana Islands`, alpha2: `MP`, alpha3: `MNP` },\n { name: `Norway`, alpha2: `NO`, alpha3: `NOR` },\n { name: `Oman`, alpha2: `OM`, alpha3: `OMN` },\n { name: `Pakistan`, alpha2: `PK`, alpha3: `PAK` },\n { name: `Palau`, alpha2: `PW`, alpha3: `PLW` },\n { name: `Palestine, State of`, alpha2: `PS`, alpha3: `PSE` },\n { name: `Panama`, alpha2: `PA`, alpha3: `PAN` },\n { name: `Papua New Guinea`, alpha2: `PG`, alpha3: `PNG` },\n { name: `Paraguay`, alpha2: `PY`, alpha3: `PRY` },\n { name: `Peru`, alpha2: `PE`, alpha3: `PER` },\n { name: `Philippines`, alpha2: `PH`, alpha3: `PHL` },\n { name: `Pitcairn`, alpha2: `PN`, alpha3: `PCN` },\n { name: `Poland`, alpha2: `PL`, alpha3: `POL` },\n { name: `Portugal`, alpha2: `PT`, alpha3: `PRT` },\n { name: `Puerto Rico`, alpha2: `PR`, alpha3: `PRI` },\n { name: `Qatar`, alpha2: `QA`, alpha3: `QAT` },\n { name: `Republic of North Macedonia`, alpha2: `MK`, alpha3: `MKD` },\n { name: `Réunion`, alpha2: `RE`, alpha3: `REU` },\n { name: `Romania`, alpha2: `RO`, alpha3: `ROU` },\n { name: `Russian Federation`, alpha2: `RU`, alpha3: `RUS` },\n { name: `Rwanda`, alpha2: `RW`, alpha3: `RWA` },\n { name: `Saint Barthélemy`, alpha2: `BL`, alpha3: `BLM` },\n { name: `Saint Helena, Ascension and Tristan da Cunha`, alpha2: `SH`, alpha3: `SHN` },\n { name: `Saint Kitts and Nevis`, alpha2: `KN`, alpha3: `KNA` },\n { name: `Saint Lucia`, alpha2: `LC`, alpha3: `LCA` },\n { name: `Saint Martin`, alpha2: `MF`, alpha3: `MAF` },\n { name: `Saint Pierre and Miquelon`, alpha2: `PM`, alpha3: `SPM` },\n { name: `Saint Vincent and the Grenadines`, alpha2: `VC`, alpha3: `VCT` },\n { name: `Samoa`, alpha2: `WS`, alpha3: `WSM` },\n { name: `San Marino`, alpha2: `SM`, alpha3: `SMR` },\n { name: `Sao Tome and Principe`, alpha2: `ST`, alpha3: `STP` },\n { name: `Saudi Arabia`, alpha2: `SA`, alpha3: `SAU` },\n { name: `Senegal`, alpha2: `SN`, alpha3: `SEN` },\n { name: `Serbia`, alpha2: `RS`, alpha3: `SRB` },\n { name: `Seychelles`, alpha2: `SC`, alpha3: `SYC` },\n { name: `Sierra Leone`, alpha2: `SL`, alpha3: `SLE` },\n { name: `Singapore`, alpha2: `SG`, alpha3: `SGP` },\n { name: `Sint Maarten`, alpha2: `SX`, alpha3: `SXM` },\n { name: `Slovakia`, alpha2: `SK`, alpha3: `SVK` },\n { name: `Slovenia`, alpha2: `SI`, alpha3: `SVN` },\n { name: `Solomon Islands`, alpha2: `SB`, alpha3: `SLB` },\n { name: `Somalia`, alpha2: `SO`, alpha3: `SOM` },\n { name: `South Africa`, alpha2: `ZA`, alpha3: `ZAF` },\n { name: `South Georgia and the South Sandwich Islands`, alpha2: `GS`, alpha3: `SGS` },\n { name: `South Sudan`, alpha2: `SS`, alpha3: `SSD` },\n { name: `Spain`, alpha2: `ES`, alpha3: `ESP` },\n { name: `Sri Lanka`, alpha2: `LK`, alpha3: `LKA` },\n { name: `Sudan`, alpha2: `SD`, alpha3: `SDN` },\n { name: `Suriname`, alpha2: `SR`, alpha3: `SUR` },\n { name: `Svalbard and Jan Mayen`, alpha2: `SJ`, alpha3: `SJM` },\n { name: `Sweden`, alpha2: `SE`, alpha3: `SWE` },\n { name: `Switzerland`, alpha2: `CH`, alpha3: `CHE` },\n { name: `Syrian Arab Republic`, alpha2: `SY`, alpha3: `SYR` },\n { name: `Taiwan`, alpha2: `TW`, alpha3: `TWN` },\n { name: `Tajikistan`, alpha2: `TJ`, alpha3: `TJK` },\n { name: `Tanzania, United Republic of`, alpha2: `TZ`, alpha3: `TZA` },\n { name: `Thailand`, alpha2: `TH`, alpha3: `THA` },\n { name: `Timor-Leste`, alpha2: `TL`, alpha3: `TLS` },\n { name: `Togo`, alpha2: `TG`, alpha3: `TGO` },\n { name: `Tokelau`, alpha2: `TK`, alpha3: `TKL` },\n { name: `Tonga`, alpha2: `TO`, alpha3: `TON` },\n { name: `Trinidad and Tobago`, alpha2: `TT`, alpha3: `TTO` },\n { name: `Tunisia`, alpha2: `TN`, alpha3: `TUN` },\n { name: `Turkey`, alpha2: `TR`, alpha3: `TUR` },\n { name: `Turkmenistan`, alpha2: `TM`, alpha3: `TKM` },\n { name: `Turks and Caicos Islands`, alpha2: `TC`, alpha3: `TCA` },\n { name: `Tuvalu`, alpha2: `TV`, alpha3: `TUV` },\n { name: `Uganda`, alpha2: `UG`, alpha3: `UGA` },\n { name: `Ukraine`, alpha2: `UA`, alpha3: `UKR` },\n { name: `United Arab Emirates`, alpha2: `AE`, alpha3: `ARE` },\n { name: `United Kingdom of Great Britain`, alpha2: `GB`, alpha3: `GBR` },\n { name: `United States Minor Outlying Islands`, alpha2: `UM`, alpha3: `UMI` },\n { name: `United States of America`, alpha2: `US`, alpha3: `USA` },\n { name: `Uruguay`, alpha2: `UY`, alpha3: `URY` },\n { name: `Uzbekistan`, alpha2: `UZ`, alpha3: `UZB` },\n { name: `Vanuatu`, alpha2: `VU`, alpha3: `VUT` },\n { name: `Venezuela (Bolivarian Republic of)`, alpha2: `VE`, alpha3: `VEN` },\n { name: `Viet Nam`, alpha2: `VN`, alpha3: `VNM` },\n { name: `Virgin Islands (British)`, alpha2: `VG`, alpha3: `VGB` },\n { name: `Virgin Islands (U.S.)`, alpha2: `VI`, alpha3: `VIR` },\n { name: `Wallis and Futuna`, alpha2: `WF`, alpha3: `WLF` },\n { name: `Western Sahara`, alpha2: `EH`, alpha3: `ESH` },\n { name: `Yemen`, alpha2: `YE`, alpha3: `YEM` },\n { name: `Zambia`, alpha2: `ZM`, alpha3: `ZMB` },\n { name: `Zimbabwe`, alpha2: `ZW`, alpha3: `ZWE` },\n]\n\nexport const CANADIAN_PROVINCES = [\n { name: `Alberta`, code: `AB` },\n { name: `British Columbia`, code: `BC` },\n { name: `Manitoba`, code: `MB` },\n { name: `New Brunswick`, code: `NB` },\n { name: `Newfoundland and Labrador`, code: `NL` },\n { name: `Northwest Territories`, code: `NT` },\n { name: `Nova Scotia`, code: `NS` },\n { name: `Nunavut`, code: `NU` },\n { name: `Ontario`, code: `ON` },\n { name: `Prince Edward Island`, code: `PE` },\n { name: `Quebec`, code: `QC` },\n { name: `Saskatchewan`, code: `SK` },\n { name: `Yukon`, code: `YT` },\n]\n\nexport const US_STATES = [\n { name: `Alabama`, code: `AL` },\n { name: `Alaska`, code: `AK` },\n { name: `Arizona`, code: `AZ` },\n { name: `Arkansas`, code: `AR` },\n { name: `California`, code: `CA` },\n { name: `Colorado`, code: `CO` },\n { name: `Connecticut`, code: `CT` },\n { name: `Delaware`, code: `DE` },\n { name: `District of Columbia`, code: `DC` },\n { name: `Florida`, code: `FL` },\n { name: `Georgia`, code: `GA` },\n { name: `Hawaii`, code: `HI` },\n { name: `Idaho`, code: `ID` },\n { name: `Illinois`, code: `IL` },\n { name: `Indiana`, code: `IN` },\n { name: `Iowa`, code: `IA` },\n { name: `Kansas`, code: `KS` },\n { name: `Kentucky`, code: `KY` },\n { name: `Louisiana`, code: `LA` },\n { name: `Maine`, code: `ME` },\n { name: `Maryland`, code: `MD` },\n { name: `Massachusetts`, code: `MA` },\n { name: `Michigan`, code: `MI` },\n { name: `Minnesota`, code: `MN` },\n { name: `Mississippi`, code: `MS` },\n { name: `Missouri`, code: `MO` },\n { name: `Montana`, code: `MT` },\n { name: `Nebraska`, code: `NE` },\n { name: `Nevada`, code: `NV` },\n { name: `New Hampshire`, code: `NH` },\n { name: `New Jersey`, code: `NJ` },\n { name: `New Mexico`, code: `NM` },\n { name: `New York`, code: `NY` },\n { name: `North Carolina`, code: `NC` },\n { name: `North Dakota`, code: `ND` },\n { name: `Ohio`, code: `OH` },\n { name: `Oklahoma`, code: `OK` },\n { name: `Oregon`, code: `OR` },\n { name: `Pennsylvania`, code: `PA` },\n { name: `Rhode Island`, code: `RI` },\n { name: `South Carolina`, code: `SC` },\n { name: `South Dakota`, code: `SD` },\n { name: `Tennessee`, code: `TN` },\n { name: `Texas`, code: `TX` },\n { name: `Utah`, code: `UT` },\n { name: `Vermont`, code: `VT` },\n { name: `Virginia`, code: `VA` },\n { name: `Washington`, code: `WA` },\n { name: `West Virginia`, code: `WV` },\n { name: `Wisconsin`, code: `WI` },\n { name: `Wyoming`, code: `WY` },\n]","import React from 'react';\nimport uuid from 'react-uuid';\n\nimport * as fn from '../utilities/_functions';\nimport * as ith from '../utilities/internalFormTemplateHelper';\n\nexport const INTERNAL_FORM_INPUT_DESCRIPTION = 'INTERNAL_FORM_INPUT_DESCRIPTION';\n\nexport const INTERNAL_FORM_INPUT_METADATA_ALIGN = 'INTERNAL_FORM_INPUT_METADATA_ALIGN';\nexport const INTERNAL_FORM_INPUT_METADATA_FONT_COLOR = 'INTERNAL_FORM_INPUT_METADATA_FONT_COLOR';\nexport const INTERNAL_FORM_INPUT_METADATA_FONT_SIZE = 'INTERNAL_FORM_INPUT_METADATA_FONT_SIZE';\nexport const INTERNAL_FORM_INPUT_METADATA_FONT_FAMILY = 'INTERNAL_FORM_INPUT_METADATA_FONT_FAMILY';\nexport const INTERNAL_FORM_INPUT_METADATA_FONT_STYLE = 'INTERNAL_FORM_INPUT_METADATA_FONT_STYLE';\nexport const INTERNAL_FORM_INPUT_METADATA_FONT_LETTER_SPACING = 'INTERNAL_FORM_INPUT_METADATA_FONT_LETTER_SPACING';\nexport const INTERNAL_FORM_INPUT_METADATA_OPTIONS = 'INTERNAL_FORM_INPUT_METADATA_OPTIONS';\nexport const INTERNAL_FORM_INPUT_METADATA_DEFAULT_VALUE = 'INTERNAL_FORM_INPUT_METADATA_DEFAULT_VALUE';\nexport const INTERNAL_FORM_INPUT_METADATA_BORDER = 'INTERNAL_FORM_INPUT_METADATA_BORDER';\nexport const INTERNAL_FORM_INPUT_METADATA_BORDER_COLOR = 'INTERNAL_FORM_INPUT_METADATA_BORDER_COLOR';\nexport const INTERNAL_FORM_INPUT_METADATA_BORDER_WIDTH = 'INTERNAL_FORM_INPUT_METADATA_BORDER_WIDTH';\n\nexport const InputElementTypes = ['SingleLineText', 'MultiLineText', 'Dropdown', 'Checkbox', 'Circle', 'Check', 'Signature'];\n\nexport const isInputElement = ({ type }) => {\n return InputElementTypes.some(t => t === type);\n}\n\nexport const getIcon = (type) => {\n switch (type) {\n case 'SingleLineText':\n return 'fal fa-text';\n\n case 'MultiLineText':\n return 'fal fa-align-left';\n\n case 'Dropdown':\n return 'fal fa-chevron-square-down';\n\n case 'Checkbox':\n return 'fal fa-check-square';\n\n case 'Circle':\n return 'fal fa-circle';\n\n case 'Check':\n return 'fal fa-check';\n\n case 'Signature':\n return 'fal fa-signature';\n\n default:\n return false\n }\n}\n\nexport const hasField = (type, field) => {\n switch (type) {\n case 'SingleLineText':\n case 'MultiLineText':\n return [\n INTERNAL_FORM_INPUT_DESCRIPTION,\n INTERNAL_FORM_INPUT_METADATA_ALIGN,\n INTERNAL_FORM_INPUT_METADATA_FONT_COLOR,\n INTERNAL_FORM_INPUT_METADATA_FONT_SIZE,\n INTERNAL_FORM_INPUT_METADATA_FONT_FAMILY,\n INTERNAL_FORM_INPUT_METADATA_FONT_STYLE,\n INTERNAL_FORM_INPUT_METADATA_FONT_LETTER_SPACING,\n INTERNAL_FORM_INPUT_METADATA_DEFAULT_VALUE,\n ].some(f => f === field);\n\n case 'Dropdown':\n return [\n INTERNAL_FORM_INPUT_DESCRIPTION,\n INTERNAL_FORM_INPUT_METADATA_ALIGN,\n INTERNAL_FORM_INPUT_METADATA_FONT_COLOR,\n INTERNAL_FORM_INPUT_METADATA_FONT_SIZE,\n INTERNAL_FORM_INPUT_METADATA_FONT_FAMILY,\n INTERNAL_FORM_INPUT_METADATA_FONT_STYLE,\n INTERNAL_FORM_INPUT_METADATA_FONT_LETTER_SPACING,\n INTERNAL_FORM_INPUT_METADATA_OPTIONS,\n INTERNAL_FORM_INPUT_METADATA_DEFAULT_VALUE,\n ].some(f => f === field);\n\n case 'Checkbox':\n return [\n INTERNAL_FORM_INPUT_DESCRIPTION,\n INTERNAL_FORM_INPUT_METADATA_ALIGN,\n INTERNAL_FORM_INPUT_METADATA_FONT_COLOR,\n INTERNAL_FORM_INPUT_METADATA_FONT_SIZE,\n INTERNAL_FORM_INPUT_METADATA_FONT_FAMILY,\n INTERNAL_FORM_INPUT_METADATA_FONT_STYLE,\n INTERNAL_FORM_INPUT_METADATA_FONT_LETTER_SPACING,\n INTERNAL_FORM_INPUT_METADATA_OPTIONS,\n INTERNAL_FORM_INPUT_METADATA_DEFAULT_VALUE,\n ].some(f => f === field);\n\n case 'Circle':\n return [\n INTERNAL_FORM_INPUT_DESCRIPTION,\n INTERNAL_FORM_INPUT_METADATA_DEFAULT_VALUE,\n INTERNAL_FORM_INPUT_METADATA_BORDER,\n INTERNAL_FORM_INPUT_METADATA_BORDER_COLOR,\n INTERNAL_FORM_INPUT_METADATA_BORDER_WIDTH,\n ].some(f => f === field);\n\n case 'Check':\n return [\n INTERNAL_FORM_INPUT_DESCRIPTION,\n INTERNAL_FORM_INPUT_METADATA_DEFAULT_VALUE,\n ].some(f => f === field);\n\n case 'Signature':\n return [\n INTERNAL_FORM_INPUT_DESCRIPTION,\n ].some(f => f === field);\n\n default:\n return false\n }\n}\n\nexport const renderInput = (input, options) => {\n const defaults = {\n inputKey: `_${uuid()}`,\n readOnly: null,\n referenceObject: null,\n value: null,\n onChange: null,\n onClick: null,\n onDoubleClick: null,\n onContextMenu: null,\n };\n options = { ...defaults, ...options }\n\n switch (input.type) {\n case 'SingleLineText':\n return \n
\n \n \n \n
\n \n
\n \n
\n \n {\n props.icon ?\n props.icon :\n \n }\n {\n props.message ?\n props.message :\n <>Do you wish to continue?\n }\n
\n\n
\n \n \n {\n props.description ?\n props.description :\n Warning: This action cannot be undone!\n }\n \n
\n \n {\n props.renderCustomControls && fn.isFunction(props.renderCustomControls) ? props.renderCustomControls() : null\n }\n {\n props.onOption1Click ?\n \n {props.option1Text ? props.option1Text : 'Yes'}\n : null\n }\n {\n props.onOption2Click ?\n \n {props.option2Text ? props.option2Text : 'Options'}\n : null\n }\n {\n props.onOption3Click ?\n \n {props.option3Text ? props.option3Text : 'Other'}\n : null\n }\n \n {props.cancelText ? props.cancelText : 'No'}\n \n
\n \n s === 'bold') ? 'bold' : null,\n fontStyle: input.metadata && input.metadata.fontStyle && input.metadata.fontStyle.some(s => s === 'italic') ? 'italic' : null,\n textDecoration: input.metadata && input.metadata.fontStyle && input.metadata.fontStyle.some(s => s === 'underline') ? 'underline' : null,\n letterSpacing: input.metadata && input.metadata.fontLetterSpacing ? `${input.metadata.fontLetterSpacing}px` : null,\n }}\n data-key={input.key}\n autoComplete='off'\n disabled={options.readOnly}\n title={options.value ? options.value : null}\n value={options.readOnly ? input.name : (options.value ? options.value : '')}\n onChange={fn.isFunction(options.onChange) && !options.readOnly ? (e) => { options.onChange(e, input.key, options.referenceObject) } : () => { }}\n />\n
\n \n \n\n case 'MultiLineText':\n return \n s === 'bold') ? 'bold' : null,\n fontStyle: input.metadata && input.metadata.fontStyle && input.metadata.fontStyle.some(s => s === 'italic') ? 'italic' : null,\n textDecoration: input.metadata && input.metadata.fontStyle && input.metadata.fontStyle.some(s => s === 'underline') ? 'underline' : null,\n letterSpacing: input.metadata && input.metadata.fontLetterSpacing ? `${input.metadata.fontLetterSpacing}px` : null,\n }}\n data-key={input.key}\n autoComplete='off'\n disabled={options.readOnly}\n title={options.value ? options.value : null}\n value={options.readOnly ? input.name : (options.value ? options.value : '')}\n onChange={fn.isFunction(options.onChange) && !options.readOnly ? (e) => { options.onChange(e, input.key, options.referenceObject) } : () => { }}\n />\n
\n \n \n\n case 'Dropdown':\n return \n {\n options.readOnly ?\n s === 'bold') ? 'bold' : null,\n fontStyle: input.metadata && input.metadata.fontStyle && input.metadata.fontStyle.some(s => s === 'italic') ? 'italic' : null,\n textDecoration: input.metadata && input.metadata.fontStyle && input.metadata.fontStyle.some(s => s === 'underline') ? 'underline' : null,\n letterSpacing: input.metadata && input.metadata.fontLetterSpacing ? `${input.metadata.fontLetterSpacing}px` : null,\n }}\n data-key={input.key}\n autoComplete='off'\n disabled={true}\n title={options.value ? options.value : null}\n value={options.value ? options.value : ''}\n /> :\n s === 'bold') ? 'bold' : null,\n fontStyle: input.metadata && input.metadata.fontStyle && input.metadata.fontStyle.some(s => s === 'italic') ? 'italic' : null,\n textDecoration: input.metadata && input.metadata.fontStyle && input.metadata.fontStyle.some(s => s === 'underline') ? 'underline' : null,\n letterSpacing: input.metadata && input.metadata.fontLetterSpacing ? `${input.metadata.fontLetterSpacing}px` : null,\n }}\n data-key={input.key}\n title={options.value ? options.value : null}\n value={options.value ? options.value : ''}\n disabled={options.readOnly}\n onChange={fn.isFunction(options.onChange) && !options.readOnly ? (e) => { options.onChange(e, input.key, options.referenceObject) } : () => { }}\n >\n \n {\n input.metadata && input.metadata.options && input.metadata.options.length > 0 ?\n input.metadata.options.map((o, oi) => {\n return \n {o}\n \n }) : null\n }\n \n }\n
\n \n \n\n case 'Checkbox':\n return 0 ? 'checkbox-wrapper' : '')}>\n {\n input.metadata && input.metadata.options && input.metadata.options.length > 0 ?\n input.metadata.options.map((o, oi) => {\n return \n v === o))}\n onChange={fn.isFunction(options.onChange) && !options.readOnly ? (e) => { options.onChange(e, input.key, options.referenceObject) } : (e) => { e.preventDefault(); e.stopPropagation(); }}\n onClick={!fn.isFunction(options.onChange) || options.readOnly ? (e) => { e.preventDefault(); e.stopPropagation(); } : null}\n />\n \n \n
\n }) : null\n }\n \n \n \n\n case 'Circle':\n return \n { options.onChange(e, input.key, options.referenceObject) } : (e) => { e.preventDefault(); e.stopPropagation(); }}\n >\n
\n \n \n \n\n case 'Check':\n const width = input.position.w * ith.INTERNAL_FORM_TEMPLATE_CELL_WIDTH;\n const height = input.position.h * ith.INTERNAL_FORM_TEMPLATE_ROW_HEIGHT;\n const size = Math.min(width, height);\n\n return \n { options.onChange(e, input.key, options.referenceObject) } : (e) => { e.preventDefault(); e.stopPropagation(); }}\n >\n\n 
\n
\n \n \n \n\n case 'Signature':\n return \n Generating...
\nPlease wait while we generate the referral letter.
\n ;\n}\n\nexport const createElement = (type) => {\n return {\n id: uuid(),\n type: type,\n metadata: {},\n position: getDefaultPosition(type)\n };\n}\n\nexport const isReferralElement = ({ type }) => {\n return ReferralElementTypes.some(t => t === type);\n}\n\nexport const hasField = (type, field) => {\n switch (type) {\n case REFERRAL_ELEMENT_RICHTEXT_EDITOR:\n return [\n REFERRAL_TEMPLATE_METADATA_ALIGN,\n REFERRAL_TEMPLATE_METADATA_VALIGN,\n REFERRAL_TEMPLATE_METADATA_PADDING,\n REFERRAL_TEMPLATE_METADATA_FONT_COLOR,\n REFERRAL_TEMPLATE_METADATA_FONT_SIZE,\n REFERRAL_TEMPLATE_METADATA_FONT_FAMILY,\n REFERRAL_TEMPLATE_METADATA_FONT_LETTER_SPACING,\n REFERRAL_TEMPLATE_METADATA_BACKGROUND_COLOR,\n REFERRAL_TEMPLATE_METADATA_BORDER,\n REFERRAL_TEMPLATE_METADATA_BORDER_COLOR,\n REFERRAL_TEMPLATE_METADATA_CONTENT,\n ].some(f => f === field);\n\n case REFERRAL_ELEMENT_IMAGE:\n return [\n REFERRAL_TEMPLATE_METADATA_ALIGN,\n REFERRAL_TEMPLATE_METADATA_VALIGN,\n REFERRAL_TEMPLATE_METADATA_IMAGE,\n ].some(f => f === field);\n\n case REFERRAL_ELEMENT_BUSINESS_NAME:\n case REFERRAL_ELEMENT_BUSINESS_FULL_ADDRESS:\n case REFERRAL_ELEMENT_BUSINESS_ADDRESS_LINE1:\n case REFERRAL_ELEMENT_BUSINESS_ADDRESS_LINE2:\n case REFERRAL_ELEMENT_BUSINESS_ADDRESS_COUNTRY:\n case REFERRAL_ELEMENT_BUSINESS_EMAIL:\n case REFERRAL_ELEMENT_PATIENT_FULL_ADDRESS:\n case REFERRAL_ELEMENT_PATIENT_ADDRESS_LINE1:\n case REFERRAL_ELEMENT_PATIENT_ADDRESS_LINE2:\n case REFERRAL_ELEMENT_PATIENT_ADDRESS_COUNTRY:\n case REFERRAL_ELEMENT_PATIENT_EMAIL:\n case REFERRAL_ELEMENT_PATIENT_HEALTH_CARD:\n case REFERRAL_ELEMENT_SUBJECT:\n case REFERRAL_ELEMENT_BODY:\n return [\n REFERRAL_TEMPLATE_METADATA_ALIGN,\n REFERRAL_TEMPLATE_METADATA_VALIGN,\n REFERRAL_TEMPLATE_METADATA_PADDING,\n REFERRAL_TEMPLATE_METADATA_FONT_COLOR,\n REFERRAL_TEMPLATE_METADATA_FONT_SIZE,\n REFERRAL_TEMPLATE_METADATA_FONT_FAMILY,\n REFERRAL_TEMPLATE_METADATA_FONT_STYLE,\n REFERRAL_TEMPLATE_METADATA_FONT_LETTER_SPACING,\n REFERRAL_TEMPLATE_METADATA_BACKGROUND_COLOR,\n REFERRAL_TEMPLATE_METADATA_BORDER,\n REFERRAL_TEMPLATE_METADATA_BORDER_COLOR,\n ].some(f => f === field);\n\n case REFERRAL_ELEMENT_BUSINESS_PHONE:\n case REFERRAL_ELEMENT_BUSINESS_FAX:\n case REFERRAL_ELEMENT_PATIENT_NAME:\n case REFERRAL_ELEMENT_PATIENT_DATE_OF_BIRTH:\n case REFERRAL_ELEMENT_PATIENT_PHONE:\n case REFERRAL_ELEMENT_EXAM_DATE:\n case REFERRAL_ELEMENT_EXAM_DOCTOR:\n case REFERRAL_ELEMENT_EXAM_DOCTOR_LICENSE_NUMBER:\n case REFERRAL_ELEMENT_EXAM_DOCTOR_BILLING_NUMBER:\n case REFERRAL_ELEMENT_PAGE_NUMBER:\n case REFERRAL_ELEMENT_PRINTED_DATE:\n return [\n REFERRAL_TEMPLATE_METADATA_ALIGN,\n REFERRAL_TEMPLATE_METADATA_VALIGN,\n REFERRAL_TEMPLATE_METADATA_PADDING,\n REFERRAL_TEMPLATE_METADATA_FONT_COLOR,\n REFERRAL_TEMPLATE_METADATA_FONT_SIZE,\n REFERRAL_TEMPLATE_METADATA_FONT_FAMILY,\n REFERRAL_TEMPLATE_METADATA_FONT_STYLE,\n REFERRAL_TEMPLATE_METADATA_FONT_LETTER_SPACING,\n REFERRAL_TEMPLATE_METADATA_BACKGROUND_COLOR,\n REFERRAL_TEMPLATE_METADATA_BORDER,\n REFERRAL_TEMPLATE_METADATA_BORDER_COLOR,\n REFERRAL_TEMPLATE_METADATA_FORMAT,\n ].some(f => f === field);\n\n case REFERRAL_ELEMENT_EXAM_DATA:\n return [\n REFERRAL_TEMPLATE_METADATA_EXAM_DATA,\n ].some(f => f === field);\n\n case REFERRAL_ELEMENT_EXAM_DOCTOR_SIGNATURE:\n case REFERRAL_ELEMENT_REQUESTER_SIGNATURE:\n return [\n REFERRAL_TEMPLATE_METADATA_FONT_SIZE,\n REFERRAL_TEMPLATE_METADATA_FONT_FAMILY,\n REFERRAL_TEMPLATE_METADATA_FONT_COLOR,\n REFERRAL_TEMPLATE_METADATA_DOCTOR_SIGNATURE,\n ].some(f => f === field);\n\n default:\n return false;\n }\n}\n\nexport const isPatientField = (type) => {\n return [\n REFERRAL_ELEMENT_PATIENT_NAME,\n REFERRAL_ELEMENT_PATIENT_FULL_ADDRESS,\n REFERRAL_ELEMENT_PATIENT_ADDRESS_LINE1,\n REFERRAL_ELEMENT_PATIENT_ADDRESS_LINE2,\n REFERRAL_ELEMENT_PATIENT_ADDRESS_COUNTRY,\n REFERRAL_ELEMENT_PATIENT_PHONE,\n REFERRAL_ELEMENT_PATIENT_EMAIL,\n REFERRAL_ELEMENT_PATIENT_DATE_OF_BIRTH,\n REFERRAL_ELEMENT_PATIENT_HEALTH_CARD,\n ].some(f => f === type);\n}\n\nexport const isExamElement = (type) => {\n return [\n REFERRAL_ELEMENT_EXAM_DATE,\n REFERRAL_ELEMENT_EXAM_DOCTOR,\n REFERRAL_ELEMENT_EXAM_DOCTOR_LICENSE_NUMBER,\n REFERRAL_ELEMENT_EXAM_DOCTOR_BILLING_NUMBER,\n REFERRAL_ELEMENT_EXAM_DOCTOR_SIGNATURE,\n REFERRAL_ELEMENT_REQUESTER_SIGNATURE,\n REFERRAL_ELEMENT_EXAM_DATA,\n ].some(f => f === type);\n}\n\nexport const getName = (type) => {\n switch (type) {\n case REFERRAL_ELEMENT_RICHTEXT_EDITOR:\n return 'Richtext';\n\n case REFERRAL_ELEMENT_IMAGE:\n return 'Image';\n\n case REFERRAL_ELEMENT_BUSINESS_NAME:\n return 'BusinessName';\n\n case REFERRAL_ELEMENT_BUSINESS_FULL_ADDRESS:\n return 'BusinessFullAddress';\n\n case REFERRAL_ELEMENT_BUSINESS_ADDRESS_LINE1:\n return 'BusinessAddressLine1';\n\n case REFERRAL_ELEMENT_BUSINESS_ADDRESS_LINE2:\n return 'BusinessAddressLine2';\n\n case REFERRAL_ELEMENT_BUSINESS_ADDRESS_COUNTRY:\n return 'BusinessAddressCountry';\n\n case REFERRAL_ELEMENT_BUSINESS_PHONE:\n return 'BusinessPhone';\n\n case REFERRAL_ELEMENT_BUSINESS_FAX:\n return 'BusinessFax';\n\n case REFERRAL_ELEMENT_BUSINESS_EMAIL:\n return 'BusinessEmail';\n\n case REFERRAL_ELEMENT_PATIENT_NAME:\n return 'PatientName';\n\n case REFERRAL_ELEMENT_PATIENT_FULL_ADDRESS:\n return 'PatientFullAddress';\n\n case REFERRAL_ELEMENT_PATIENT_ADDRESS_LINE1:\n return 'PatientAddressLine1';\n\n case REFERRAL_ELEMENT_PATIENT_ADDRESS_LINE2:\n return 'PatientAddressLine2';\n\n case REFERRAL_ELEMENT_PATIENT_ADDRESS_COUNTRY:\n return 'PatientAddressCountry';\n\n case REFERRAL_ELEMENT_PATIENT_DATE_OF_BIRTH:\n return 'PatientDateOfBirth';\n\n case REFERRAL_ELEMENT_PATIENT_PHONE:\n return 'PatientPhone';\n\n case REFERRAL_ELEMENT_PATIENT_EMAIL:\n return 'PatientEmail';\n\n case REFERRAL_ELEMENT_PATIENT_HEALTH_CARD:\n return 'PatientHealthCard';\n\n case REFERRAL_ELEMENT_EXAM_DATA:\n return 'ExamData';\n\n case REFERRAL_ELEMENT_EXAM_DATE:\n return 'ExamDate';\n\n case REFERRAL_ELEMENT_EXAM_DOCTOR:\n return 'ExamDoctor';\n\n case REFERRAL_ELEMENT_EXAM_DOCTOR_LICENSE_NUMBER:\n return 'ExamDoctorLicenseNumber';\n\n case REFERRAL_ELEMENT_EXAM_DOCTOR_BILLING_NUMBER:\n return 'ExamDoctorBillingNumber';\n\n case REFERRAL_ELEMENT_EXAM_DOCTOR_SIGNATURE:\n return 'ExamDoctorSignature';\n\n case REFERRAL_ELEMENT_REQUESTER_SIGNATURE:\n return 'RequesterSignature';\n\n case REFERRAL_ELEMENT_SUBJECT:\n return 'ReferralSubject';\n\n case REFERRAL_ELEMENT_BODY:\n return 'ReferralBody';\n\n case REFERRAL_ELEMENT_PAGE_NUMBER:\n return 'PageNumber';\n\n case REFERRAL_ELEMENT_PRINTED_DATE:\n return 'PrintedDate';\n\n default:\n return '';\n }\n}\n\nexport const getDescription = (type) => {\n switch (type) {\n case REFERRAL_ELEMENT_RICHTEXT_EDITOR:\n return 'Richtext';\n\n case REFERRAL_ELEMENT_IMAGE:\n return 'Image';\n\n case REFERRAL_ELEMENT_BUSINESS_NAME:\n return 'Business Name';\n\n case REFERRAL_ELEMENT_BUSINESS_FULL_ADDRESS:\n return 'Business Full Address';\n\n case REFERRAL_ELEMENT_BUSINESS_ADDRESS_LINE1:\n return 'Business Address Line 1';\n\n case REFERRAL_ELEMENT_BUSINESS_ADDRESS_LINE2:\n return 'Business Address Line 2';\n\n case REFERRAL_ELEMENT_BUSINESS_ADDRESS_COUNTRY:\n return 'Business Address Country';\n\n case REFERRAL_ELEMENT_BUSINESS_PHONE:\n return 'Business Phone';\n\n case REFERRAL_ELEMENT_BUSINESS_FAX:\n return 'Business Fax';\n\n case REFERRAL_ELEMENT_BUSINESS_EMAIL:\n return 'Business Email';\n\n case REFERRAL_ELEMENT_PATIENT_NAME:\n return 'Patient Name';\n\n case REFERRAL_ELEMENT_PATIENT_FULL_ADDRESS:\n return 'Patient Full Address';\n\n case REFERRAL_ELEMENT_PATIENT_ADDRESS_LINE1:\n return 'Patient Address Line 1';\n\n case REFERRAL_ELEMENT_PATIENT_ADDRESS_LINE2:\n return 'Patient Address Line 2';\n\n case REFERRAL_ELEMENT_PATIENT_ADDRESS_COUNTRY:\n return 'Patient Address Country';\n\n case REFERRAL_ELEMENT_PATIENT_DATE_OF_BIRTH:\n return 'Patient Date of Birth';\n\n case REFERRAL_ELEMENT_PATIENT_PHONE:\n return 'Patient Phone';\n\n case REFERRAL_ELEMENT_PATIENT_EMAIL:\n return 'Patient Email';\n\n case REFERRAL_ELEMENT_PATIENT_HEALTH_CARD:\n return 'Patient Health Card';\n\n case REFERRAL_ELEMENT_EXAM_DATA:\n return 'Exam Data';\n\n case REFERRAL_ELEMENT_EXAM_DATE:\n return 'Exam Date';\n\n case REFERRAL_ELEMENT_EXAM_DOCTOR:\n return 'Exam Doctor';\n\n case REFERRAL_ELEMENT_EXAM_DOCTOR_LICENSE_NUMBER:\n return 'Exam Doctor License Number';\n\n case REFERRAL_ELEMENT_EXAM_DOCTOR_BILLING_NUMBER:\n return 'Exam Doctor Billing Number';\n\n case REFERRAL_ELEMENT_EXAM_DOCTOR_SIGNATURE:\n return 'Exam Doctor Signature';\n\n case REFERRAL_ELEMENT_REQUESTER_SIGNATURE:\n return 'Requester Signature';\n\n case REFERRAL_ELEMENT_SUBJECT:\n return 'Subject';\n\n case REFERRAL_ELEMENT_BODY:\n return 'Body';\n\n case REFERRAL_ELEMENT_PAGE_NUMBER:\n return 'Page Number';\n\n case REFERRAL_ELEMENT_PRINTED_DATE:\n return 'Printed Date';\n\n default:\n return '';\n }\n}\n\nexport const getIcon = (type) => {\n switch (type) {\n case REFERRAL_ELEMENT_RICHTEXT_EDITOR:\n return 'fal fa-text-size';\n\n case REFERRAL_ELEMENT_IMAGE:\n return 'fal fa-image';\n\n case REFERRAL_ELEMENT_BUSINESS_NAME:\n case REFERRAL_ELEMENT_BUSINESS_FULL_ADDRESS:\n case REFERRAL_ELEMENT_BUSINESS_ADDRESS_LINE1:\n case REFERRAL_ELEMENT_BUSINESS_ADDRESS_LINE2:\n case REFERRAL_ELEMENT_BUSINESS_ADDRESS_COUNTRY:\n case REFERRAL_ELEMENT_BUSINESS_PHONE:\n case REFERRAL_ELEMENT_BUSINESS_FAX:\n case REFERRAL_ELEMENT_BUSINESS_EMAIL:\n return 'fal fa-building';\n\n case REFERRAL_ELEMENT_PATIENT_NAME:\n case REFERRAL_ELEMENT_PATIENT_FULL_ADDRESS:\n case REFERRAL_ELEMENT_PATIENT_ADDRESS_LINE1:\n case REFERRAL_ELEMENT_PATIENT_ADDRESS_LINE2:\n case REFERRAL_ELEMENT_PATIENT_ADDRESS_COUNTRY:\n case REFERRAL_ELEMENT_PATIENT_DATE_OF_BIRTH:\n case REFERRAL_ELEMENT_PATIENT_PHONE:\n case REFERRAL_ELEMENT_PATIENT_EMAIL:\n case REFERRAL_ELEMENT_PATIENT_HEALTH_CARD:\n return 'fal fa-user';\n\n case REFERRAL_ELEMENT_EXAM_DATE:\n case REFERRAL_ELEMENT_EXAM_DOCTOR:\n case REFERRAL_ELEMENT_EXAM_DOCTOR_LICENSE_NUMBER:\n case REFERRAL_ELEMENT_EXAM_DOCTOR_BILLING_NUMBER:\n case REFERRAL_ELEMENT_EXAM_DOCTOR_SIGNATURE:\n case REFERRAL_ELEMENT_REQUESTER_SIGNATURE:\n case REFERRAL_ELEMENT_EXAM_DATA:\n return 'fal fa-clipboard'\n\n case REFERRAL_ELEMENT_SUBJECT:\n return 'fal fa-external-link-square';\n\n case REFERRAL_ELEMENT_BODY:\n return 'fal fa-external-link-square';\n\n case REFERRAL_ELEMENT_PAGE_NUMBER:\n return 'fal fa-hashtag'\n\n case REFERRAL_ELEMENT_PRINTED_DATE:\n return 'fal fa-calendar-alt'\n\n default:\n return '';\n }\n}\n\nexport const getDefaultValue = (type, format) => {\n const formatOption = getFormatOptions(type).filter(f => f.type === format)[0];\n\n switch (type) {\n case REFERRAL_ELEMENT_RICHTEXT_EDITOR:\n return 'This is a sample text.';\n\n case REFERRAL_ELEMENT_IMAGE:\n return '';\n\n case REFERRAL_ELEMENT_BUSINESS_NAME:\n return 'Company Name';\n\n case REFERRAL_ELEMENT_BUSINESS_FULL_ADDRESS:\n return '199 Main Street East, Toronto, ON M1N 2N2, Canada';\n\n case REFERRAL_ELEMENT_BUSINESS_ADDRESS_LINE1:\n return '199 Main Street East';\n\n case REFERRAL_ELEMENT_BUSINESS_ADDRESS_LINE2:\n return 'Toronto, ON M1N 2N2';\n\n case REFERRAL_ELEMENT_BUSINESS_ADDRESS_COUNTRY:\n return 'Canada';\n\n case REFERRAL_ELEMENT_BUSINESS_PHONE:\n return formatOption ? formatOption.example : '+14165559999';\n\n case REFERRAL_ELEMENT_BUSINESS_FAX:\n return formatOption ? formatOption.example : '+14162223333';\n\n case REFERRAL_ELEMENT_BUSINESS_EMAIL:\n return 'info@companyname.com';\n\n case REFERRAL_ELEMENT_PATIENT_NAME:\n return formatOption ? formatOption.example : 'Jonathan Williams';\n\n case REFERRAL_ELEMENT_PATIENT_FULL_ADDRESS:\n return '355-20 Applegate Street, Toronto, ON M2M 3K3, Canada';\n\n case REFERRAL_ELEMENT_PATIENT_ADDRESS_LINE1:\n return '355-20 Applegate Street';\n\n case REFERRAL_ELEMENT_PATIENT_ADDRESS_LINE2:\n return 'Toronto, ON M2M 3K3';\n\n case REFERRAL_ELEMENT_PATIENT_ADDRESS_COUNTRY:\n return 'Canada';\n\n case REFERRAL_ELEMENT_PATIENT_DATE_OF_BIRTH:\n return 'July 1, 1980';\n\n case REFERRAL_ELEMENT_PATIENT_PHONE:\n return formatOption ? formatOption.example : '+14166643333';\n\n case REFERRAL_ELEMENT_PATIENT_EMAIL:\n return 'jwilliams_20@patientemail.com';\n\n case REFERRAL_ELEMENT_PATIENT_HEALTH_CARD:\n return '1234-5678-910-AA';\n\n case REFERRAL_ELEMENT_EXAM_DATE:\n return formatOption ? formatOption.example : moment().format('YYYY-MM-DD');\n\n case REFERRAL_ELEMENT_EXAM_DOCTOR:\n return 'Dr. Sarah Williams';\n\n case REFERRAL_ELEMENT_EXAM_DOCTOR_LICENSE_NUMBER:\n return '0023456';\n\n case REFERRAL_ELEMENT_EXAM_DOCTOR_BILLING_NUMBER:\n return '0098765';\n\n case REFERRAL_ELEMENT_EXAM_DATA:\n return '';\n\n case REFERRAL_ELEMENT_SUBJECT:\n return 'Subject of the Referral';\n\n case REFERRAL_ELEMENT_BODY:\n return 'This is the body of the referral letter.';\n\n case REFERRAL_ELEMENT_PAGE_NUMBER:\n return formatOption ? formatOption.example : 'Page 1';\n\n case REFERRAL_ELEMENT_PRINTED_DATE:\n return formatOption ? formatOption.example : moment().format('YYYY-MM-DD');\n\n default:\n return '';\n }\n}\n\nexport const getValue = (element, sources) => {\n const { type, metadata } = element;\n const { format } = metadata;\n const formatOptions = getFormatOptions(type);\n const formatOption = formatOptions.some(f => f.type === format) ? formatOptions.filter(f => f.type === format)[0] : { type: null };\n\n switch (type) {\n case REFERRAL_ELEMENT_BUSINESS_NAME:\n return sources && sources.tenant ? fm.apply(sources.tenant.displayName, formatOption.type) : '';\n\n case REFERRAL_ELEMENT_BUSINESS_FULL_ADDRESS:\n return sources && sources.tenant && sources.tenant.address && sources.tenant.address.fullLine ? fm.apply(sources.tenant.address.fullLine, formatOption.type) : null;\n\n case REFERRAL_ELEMENT_BUSINESS_ADDRESS_LINE1:\n return sources && sources.tenant && sources.tenant.address && sources.tenant.address.addressLine1 ? fm.apply(sources.tenant.address.addressLine1, formatOption.type) : null;\n\n case REFERRAL_ELEMENT_BUSINESS_ADDRESS_LINE2:\n return sources && sources.tenant && sources.tenant.address && sources.tenant.address.addressLine2 ? fm.apply(sources.tenant.address.addressLine2, formatOption.type) : null;\n\n case REFERRAL_ELEMENT_BUSINESS_ADDRESS_COUNTRY:\n return sources && sources.tenant && sources.tenant.address && sources.tenant.address.country ? fm.apply(sources.tenant.address.country, formatOption.type) : null;\n\n case REFERRAL_ELEMENT_BUSINESS_PHONE:\n return sources && sources.tenant ? fm.apply(sources.tenant.phoneNumber, formatOption.type) : null;\n\n case REFERRAL_ELEMENT_BUSINESS_FAX:\n return sources && sources.tenant ? fm.apply(sources.tenant.faxNumber, formatOption.type) : null;\n\n case REFERRAL_ELEMENT_BUSINESS_EMAIL:\n return sources && sources.tenant ? fm.apply(sources.tenant.emailAddress, formatOption.type) : null;\n\n case REFERRAL_ELEMENT_PATIENT_NAME:\n return sources && sources.customer ? fm.apply(sources.customer, formatOption.type, ph.getPreferredFirstLastName(sources.customer)) : null;\n\n case REFERRAL_ELEMENT_PATIENT_FULL_ADDRESS:\n return sources && sources.customer && sources.customer && sources.customer.address && sources.customer.address.fullLine ? fm.apply(sources.customer.address.fullLine, formatOption.type) : null;\n\n case REFERRAL_ELEMENT_PATIENT_ADDRESS_LINE1:\n return sources && sources.customer && sources.customer && sources.customer.address && sources.customer.address.addressLine1 ? fm.apply(sources.customer.address.addressLine1, formatOption.type) : null;\n\n case REFERRAL_ELEMENT_PATIENT_ADDRESS_LINE2:\n return sources && sources.customer && sources.customer && sources.customer.address && sources.customer.address.addressLine2 ? fm.apply(sources.customer.address.addressLine2, formatOption.type) : null;\n\n case REFERRAL_ELEMENT_PATIENT_ADDRESS_COUNTRY:\n return sources && sources.customer && sources.customer && sources.customer.address && sources.customer.address.country ? fm.apply(sources.customer.address.country, formatOption.type) : null;\n\n case REFERRAL_ELEMENT_PATIENT_DATE_OF_BIRTH:\n return sources && sources.customer ? fm.apply(sources.customer, formatOption.type, sources.customer.dateOfBirth) : null;\n\n case REFERRAL_ELEMENT_PATIENT_PHONE:\n return sources && sources.customer ? fm.apply(sources.customer.phoneNumber, formatOption.type) : null;\n\n case REFERRAL_ELEMENT_PATIENT_EMAIL:\n return sources && sources.customer ? fm.apply(sources.customer.emailAddress, formatOption.type) : null;\n\n case REFERRAL_ELEMENT_PATIENT_HEALTH_CARD:\n return sources && sources.customer && sources.customer.patientProfile ? ph.formatHealthCard(sources.customer.patientProfile.healthCardNumber) : null;\n\n case REFERRAL_ELEMENT_EXAM_DATE:\n return sources && sources.exam && sources.exam.createdDateUtc ? fm.apply(moment.utc(sources.exam.createdDateUtc), formatOption.type, moment.utc(sources.exam.createdDateUtc).format('YYYY-MM-DD')) : null;\n\n case REFERRAL_ELEMENT_EXAM_DOCTOR:\n return sources && sources.user ? fm.apply(sources.user, formatOption.type, ph.getPreferredFirstLastName(sources.user)) : null;\n\n case REFERRAL_ELEMENT_EXAM_DOCTOR_LICENSE_NUMBER:\n return sources && sources.user ? sources.user.licenseNumber : null;\n\n case REFERRAL_ELEMENT_EXAM_DOCTOR_BILLING_NUMBER:\n return sources && sources.user ? sources.user.publicInsuranceProviderNumber : null;\n\n case REFERRAL_ELEMENT_SUBJECT:\n return sources && sources.subject ? sources.subject : null;\n\n case REFERRAL_ELEMENT_BODY:\n return sources && sources.body ? sources.body : null;\n\n case REFERRAL_ELEMENT_PAGE_NUMBER:\n return formatOption ? formatOption.example : 'Page 1';\n\n case REFERRAL_ELEMENT_PRINTED_DATE:\n return fm.apply(moment(), formatOption.type, moment().format('YYYY-MM-DD'));\n\n default:\n return '';\n }\n}\n\nexport const getFormatOptions = (type) => {\n switch (type) {\n case REFERRAL_ELEMENT_PATIENT_NAME:\n return fm.NAME_FORMAT_OPTIONS;\n\n case REFERRAL_ELEMENT_BUSINESS_PHONE:\n case REFERRAL_ELEMENT_BUSINESS_FAX:\n case REFERRAL_ELEMENT_PATIENT_PHONE:\n return fm.PHONE_FORMAT_OPTIONS;\n\n case REFERRAL_ELEMENT_PATIENT_DATE_OF_BIRTH:\n case REFERRAL_ELEMENT_EXAM_DATE:\n case REFERRAL_ELEMENT_PRINTED_DATE:\n return fm.DATE_FORMAT_OPTIONS;\n\n case REFERRAL_ELEMENT_PAGE_NUMBER:\n return fm.PAGE_NUMBER_FORMAT_OPTIONS;\n\n case REFERRAL_ELEMENT_EXAM_DOCTOR:\n return fm.DOCTOR_NAME_FORMAT_OPTIONS;\n\n default:\n return [];\n }\n}\n\nexport const renderElement = (element, options) => {\n const defaults = {\n controlKey: `_${uuid()}`,\n readOnly: null,\n isDesignMode: false,\n defaultValue: null,\n quickDrawer: null,\n value: null,\n onClick: null,\n onDoubleClick: null,\n onContextMenu: null,\n };\n options = { ...defaults, ...options }\n\n if (options.pageSettings) {\n options.pageSettings.paper = options.pageSettings.paper ? options.pageSettings.paper : getPaperDimension('letter');\n options.pageSettings.margins = options.pageSettings.margins ? options.pageSettings.margins : REFERRAL_TEMPLATE_PAGE_SETTINGS_MARGINS_NORMAL;\n } else {\n options.pageSettings = {\n paper: getPaperDimension('letter'),\n margins: REFERRAL_TEMPLATE_PAGE_SETTINGS_MARGINS_NORMAL,\n };\n }\n\n switch (element.type) {\n case REFERRAL_ELEMENT_RICHTEXT_EDITOR:\n case REFERRAL_ELEMENT_BUSINESS_NAME:\n case REFERRAL_ELEMENT_BUSINESS_FULL_ADDRESS:\n case REFERRAL_ELEMENT_BUSINESS_ADDRESS_LINE1:\n case REFERRAL_ELEMENT_BUSINESS_ADDRESS_LINE2:\n case REFERRAL_ELEMENT_BUSINESS_ADDRESS_COUNTRY:\n case REFERRAL_ELEMENT_BUSINESS_PHONE:\n case REFERRAL_ELEMENT_BUSINESS_FAX:\n case REFERRAL_ELEMENT_BUSINESS_EMAIL:\n case REFERRAL_ELEMENT_PATIENT_NAME:\n case REFERRAL_ELEMENT_PATIENT_FULL_ADDRESS:\n case REFERRAL_ELEMENT_PATIENT_ADDRESS_LINE1:\n case REFERRAL_ELEMENT_PATIENT_ADDRESS_LINE2:\n case REFERRAL_ELEMENT_PATIENT_ADDRESS_COUNTRY:\n case REFERRAL_ELEMENT_PATIENT_DATE_OF_BIRTH:\n case REFERRAL_ELEMENT_PATIENT_PHONE:\n case REFERRAL_ELEMENT_PATIENT_EMAIL:\n case REFERRAL_ELEMENT_PATIENT_HEALTH_CARD:\n case REFERRAL_ELEMENT_EXAM_DATE:\n case REFERRAL_ELEMENT_EXAM_DOCTOR:\n case REFERRAL_ELEMENT_EXAM_DOCTOR_LICENSE_NUMBER:\n case REFERRAL_ELEMENT_EXAM_DOCTOR_BILLING_NUMBER:\n case REFERRAL_ELEMENT_PAGE_NUMBER:\n case REFERRAL_ELEMENT_PRINTED_DATE:\n return{\n options.defaultValue ?\n options.defaultValue :\n options.isDesignMode ? getDefaultValue(element.type, (element.metadata && element.metadata.format ? element.metadata.format : null)) : null\n }
\n }\n \n \n\n case REFERRAL_ELEMENT_IMAGE:\n return\n s === 'bold') ? 'bold' : null,\n fontStyle: element.metadata.fontStyle && element.metadata.fontStyle.some(s => s === 'italic') ? 'italic' : null,\n textDecoration: element.metadata.fontStyle && element.metadata.fontStyle.some(s => s === 'underline') ? 'underline' : null,\n letterSpacing: element.metadata.fontLetterSpacing ? `${element.metadata.fontLetterSpacing}px` : null,\n }}\n data-key={element.type}\n >\n {options.isDesignMode ? getDescription(element.type) : (options.value ? options.value : '')}\n
\n \n \n \n\n case REFERRAL_ELEMENT_EXAM_DATA: // Cannot be render on TemplateGrid\n const datasets = [{ label: 'Exam Label', definition: [''] }]\n const numberOfColumns = 1;\n\n return \n \n \n {\n datasets.map((ds, dsi) => {\n return
\n
\n \n \n\n\n case REFERRAL_ELEMENT_EXAM_DOCTOR_SIGNATURE:\n case REFERRAL_ELEMENT_REQUESTER_SIGNATURE:\n return | \n | \n {\n (() => {\n const columns = [];\n\n for (let ci = 0; ci < numberOfColumns; ci++) {\n const columnValue = options.isDesignMode ? 'Exam Data' : (fn.isFunction(options.getExamDataValue) ? options.getExamDataValue(element.id, ds, ci) : '');\n\n columns.push(
Generating...
\nPlease wait while we generate the medical report.
\n ;\n}\n\nexport const createElement = (type) => {\n return {\n id: uuid(),\n type: type,\n metadata: {},\n position: getDefaultPosition(type)\n };\n}\n\nexport const isMedicalReportElement = ({ type }) => {\n return MedicalReportElementTypes.some(t => t === type);\n}\n\nexport const hasField = (type, field) => {\n switch (type) {\n case MEDICAL_REPORT_ELEMENT_RICHTEXT_EDITOR:\n return [\n MEDICAL_REPORT_TEMPLATE_METADATA_ALIGN,\n MEDICAL_REPORT_TEMPLATE_METADATA_VALIGN,\n MEDICAL_REPORT_TEMPLATE_METADATA_PADDING,\n MEDICAL_REPORT_TEMPLATE_METADATA_FONT_COLOR,\n MEDICAL_REPORT_TEMPLATE_METADATA_FONT_SIZE,\n MEDICAL_REPORT_TEMPLATE_METADATA_FONT_FAMILY,\n MEDICAL_REPORT_TEMPLATE_METADATA_FONT_LETTER_SPACING,\n MEDICAL_REPORT_TEMPLATE_METADATA_BACKGROUND_COLOR,\n MEDICAL_REPORT_TEMPLATE_METADATA_BORDER,\n MEDICAL_REPORT_TEMPLATE_METADATA_BORDER_COLOR,\n MEDICAL_REPORT_TEMPLATE_METADATA_CONTENT,\n ].some(f => f === field);\n\n case MEDICAL_REPORT_ELEMENT_IMAGE:\n return [\n MEDICAL_REPORT_TEMPLATE_METADATA_ALIGN,\n MEDICAL_REPORT_TEMPLATE_METADATA_VALIGN,\n MEDICAL_REPORT_TEMPLATE_METADATA_IMAGE,\n ].some(f => f === field);\n\n case MEDICAL_REPORT_ELEMENT_BUSINESS_NAME:\n case MEDICAL_REPORT_ELEMENT_BUSINESS_FULL_ADDRESS:\n case MEDICAL_REPORT_ELEMENT_BUSINESS_ADDRESS_LINE1:\n case MEDICAL_REPORT_ELEMENT_BUSINESS_ADDRESS_LINE2:\n case MEDICAL_REPORT_ELEMENT_BUSINESS_ADDRESS_COUNTRY:\n case MEDICAL_REPORT_ELEMENT_BUSINESS_EMAIL:\n case MEDICAL_REPORT_ELEMENT_PATIENT_FULL_ADDRESS:\n case MEDICAL_REPORT_ELEMENT_PATIENT_ADDRESS_LINE1:\n case MEDICAL_REPORT_ELEMENT_PATIENT_ADDRESS_LINE2:\n case MEDICAL_REPORT_ELEMENT_PATIENT_ADDRESS_COUNTRY:\n case MEDICAL_REPORT_ELEMENT_PATIENT_EMAIL:\n case MEDICAL_REPORT_ELEMENT_PATIENT_HEALTH_CARD:\n case MEDICAL_REPORT_ELEMENT_SUBJECT:\n case MEDICAL_REPORT_ELEMENT_BODY:\n return [\n MEDICAL_REPORT_TEMPLATE_METADATA_ALIGN,\n MEDICAL_REPORT_TEMPLATE_METADATA_VALIGN,\n MEDICAL_REPORT_TEMPLATE_METADATA_PADDING,\n MEDICAL_REPORT_TEMPLATE_METADATA_FONT_COLOR,\n MEDICAL_REPORT_TEMPLATE_METADATA_FONT_SIZE,\n MEDICAL_REPORT_TEMPLATE_METADATA_FONT_FAMILY,\n MEDICAL_REPORT_TEMPLATE_METADATA_FONT_STYLE,\n MEDICAL_REPORT_TEMPLATE_METADATA_FONT_LETTER_SPACING,\n MEDICAL_REPORT_TEMPLATE_METADATA_BACKGROUND_COLOR,\n MEDICAL_REPORT_TEMPLATE_METADATA_BORDER,\n MEDICAL_REPORT_TEMPLATE_METADATA_BORDER_COLOR,\n ].some(f => f === field);\n\n case MEDICAL_REPORT_ELEMENT_BUSINESS_PHONE:\n case MEDICAL_REPORT_ELEMENT_BUSINESS_FAX:\n case MEDICAL_REPORT_ELEMENT_PATIENT_NAME:\n case MEDICAL_REPORT_ELEMENT_PATIENT_DATE_OF_BIRTH:\n case MEDICAL_REPORT_ELEMENT_PATIENT_PHONE:\n case MEDICAL_REPORT_ELEMENT_EXAM_DATE:\n case MEDICAL_REPORT_ELEMENT_EXAM_DOCTOR:\n case MEDICAL_REPORT_ELEMENT_EXAM_DOCTOR_LICENSE_NUMBER:\n case MEDICAL_REPORT_ELEMENT_EXAM_DOCTOR_BILLING_NUMBER:\n case MEDICAL_REPORT_ELEMENT_PAGE_NUMBER:\n case MEDICAL_REPORT_ELEMENT_PRINTED_DATE:\n return [\n MEDICAL_REPORT_TEMPLATE_METADATA_ALIGN,\n MEDICAL_REPORT_TEMPLATE_METADATA_VALIGN,\n MEDICAL_REPORT_TEMPLATE_METADATA_PADDING,\n MEDICAL_REPORT_TEMPLATE_METADATA_FONT_COLOR,\n MEDICAL_REPORT_TEMPLATE_METADATA_FONT_SIZE,\n MEDICAL_REPORT_TEMPLATE_METADATA_FONT_FAMILY,\n MEDICAL_REPORT_TEMPLATE_METADATA_FONT_STYLE,\n MEDICAL_REPORT_TEMPLATE_METADATA_FONT_LETTER_SPACING,\n MEDICAL_REPORT_TEMPLATE_METADATA_BACKGROUND_COLOR,\n MEDICAL_REPORT_TEMPLATE_METADATA_BORDER,\n MEDICAL_REPORT_TEMPLATE_METADATA_BORDER_COLOR,\n MEDICAL_REPORT_TEMPLATE_METADATA_FORMAT,\n ].some(f => f === field);\n\n case MEDICAL_REPORT_ELEMENT_EXAM_DATA:\n return [\n MEDICAL_REPORT_TEMPLATE_METADATA_EXAM_DATA,\n ].some(f => f === field);\n\n case MEDICAL_REPORT_ELEMENT_EXAM_DOCTOR_SIGNATURE:\n case MEDICAL_REPORT_ELEMENT_REQUESTER_SIGNATURE:\n return [\n MEDICAL_REPORT_TEMPLATE_METADATA_FONT_SIZE,\n MEDICAL_REPORT_TEMPLATE_METADATA_FONT_FAMILY,\n MEDICAL_REPORT_TEMPLATE_METADATA_FONT_COLOR,\n MEDICAL_REPORT_TEMPLATE_METADATA_DOCTOR_SIGNATURE,\n ].some(f => f === field);\n\n default:\n return false;\n }\n}\n\nexport const isPatientField = (type) => {\n return [\n MEDICAL_REPORT_ELEMENT_PATIENT_NAME,\n MEDICAL_REPORT_ELEMENT_PATIENT_FULL_ADDRESS,\n MEDICAL_REPORT_ELEMENT_PATIENT_ADDRESS_LINE1,\n MEDICAL_REPORT_ELEMENT_PATIENT_ADDRESS_LINE2,\n MEDICAL_REPORT_ELEMENT_PATIENT_ADDRESS_COUNTRY,\n MEDICAL_REPORT_ELEMENT_PATIENT_PHONE,\n MEDICAL_REPORT_ELEMENT_PATIENT_EMAIL,\n MEDICAL_REPORT_ELEMENT_PATIENT_DATE_OF_BIRTH,\n MEDICAL_REPORT_ELEMENT_PATIENT_HEALTH_CARD,\n ].some(f => f === type);\n}\n\nexport const isExamElement = (type) => {\n return [\n MEDICAL_REPORT_ELEMENT_EXAM_DATE,\n MEDICAL_REPORT_ELEMENT_EXAM_DOCTOR,\n MEDICAL_REPORT_ELEMENT_EXAM_DOCTOR_LICENSE_NUMBER,\n MEDICAL_REPORT_ELEMENT_EXAM_DOCTOR_BILLING_NUMBER,\n MEDICAL_REPORT_ELEMENT_EXAM_DOCTOR_SIGNATURE,\n MEDICAL_REPORT_ELEMENT_REQUESTER_SIGNATURE,\n MEDICAL_REPORT_ELEMENT_EXAM_DATA,\n ].some(f => f === type);\n}\n\nexport const getName = (type) => {\n switch (type) {\n case MEDICAL_REPORT_ELEMENT_RICHTEXT_EDITOR:\n return 'Richtext';\n\n case MEDICAL_REPORT_ELEMENT_IMAGE:\n return 'Image';\n\n case MEDICAL_REPORT_ELEMENT_BUSINESS_NAME:\n return 'BusinessName';\n\n case MEDICAL_REPORT_ELEMENT_BUSINESS_FULL_ADDRESS:\n return 'BusinessFullAddress';\n\n case MEDICAL_REPORT_ELEMENT_BUSINESS_ADDRESS_LINE1:\n return 'BusinessAddressLine1';\n\n case MEDICAL_REPORT_ELEMENT_BUSINESS_ADDRESS_LINE2:\n return 'BusinessAddressLine2';\n\n case MEDICAL_REPORT_ELEMENT_BUSINESS_ADDRESS_COUNTRY:\n return 'BusinessAddressCountry';\n\n case MEDICAL_REPORT_ELEMENT_BUSINESS_PHONE:\n return 'BusinessPhone';\n\n case MEDICAL_REPORT_ELEMENT_BUSINESS_FAX:\n return 'BusinessFax';\n\n case MEDICAL_REPORT_ELEMENT_BUSINESS_EMAIL:\n return 'BusinessEmail';\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_NAME:\n return 'PatientName';\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_FULL_ADDRESS:\n return 'PatientFullAddress';\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_ADDRESS_LINE1:\n return 'PatientAddressLine1';\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_ADDRESS_LINE2:\n return 'PatientAddressLine2';\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_ADDRESS_COUNTRY:\n return 'PatientAddressCountry';\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_DATE_OF_BIRTH:\n return 'PatientDateOfBirth';\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_PHONE:\n return 'PatientPhone';\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_EMAIL:\n return 'PatientEmail';\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_HEALTH_CARD:\n return 'PatientHealthCard';\n\n case MEDICAL_REPORT_ELEMENT_EXAM_DATA:\n return 'ExamData';\n\n case MEDICAL_REPORT_ELEMENT_EXAM_DATE:\n return 'ExamDate';\n\n case MEDICAL_REPORT_ELEMENT_EXAM_DOCTOR:\n return 'ExamDoctor';\n\n case MEDICAL_REPORT_ELEMENT_EXAM_DOCTOR_LICENSE_NUMBER:\n return 'ExamDoctorLicenseNumber';\n\n case MEDICAL_REPORT_ELEMENT_EXAM_DOCTOR_BILLING_NUMBER:\n return 'ExamDoctorBillingNumber';\n\n case MEDICAL_REPORT_ELEMENT_EXAM_DOCTOR_SIGNATURE:\n return 'ExamDoctorSignature';\n\n case MEDICAL_REPORT_ELEMENT_REQUESTER_SIGNATURE:\n return 'RequesterSignature';\n\n case MEDICAL_REPORT_ELEMENT_SUBJECT:\n return 'MedicalReportSubject';\n\n case MEDICAL_REPORT_ELEMENT_BODY:\n return 'MedicalReportBody';\n\n case MEDICAL_REPORT_ELEMENT_PAGE_NUMBER:\n return 'PageNumber';\n\n case MEDICAL_REPORT_ELEMENT_PRINTED_DATE:\n return 'PrintedDate';\n\n default:\n return '';\n }\n}\n\nexport const getDescription = (type) => {\n switch (type) {\n case MEDICAL_REPORT_ELEMENT_RICHTEXT_EDITOR:\n return 'Richtext';\n\n case MEDICAL_REPORT_ELEMENT_IMAGE:\n return 'Image';\n\n case MEDICAL_REPORT_ELEMENT_BUSINESS_NAME:\n return 'Business Name';\n\n case MEDICAL_REPORT_ELEMENT_BUSINESS_FULL_ADDRESS:\n return 'Business Full Address';\n\n case MEDICAL_REPORT_ELEMENT_BUSINESS_ADDRESS_LINE1:\n return 'Business Address Line 1';\n\n case MEDICAL_REPORT_ELEMENT_BUSINESS_ADDRESS_LINE2:\n return 'Business Address Line 2';\n\n case MEDICAL_REPORT_ELEMENT_BUSINESS_ADDRESS_COUNTRY:\n return 'Business Address Country';\n\n case MEDICAL_REPORT_ELEMENT_BUSINESS_PHONE:\n return 'Business Phone';\n\n case MEDICAL_REPORT_ELEMENT_BUSINESS_FAX:\n return 'Business Fax';\n\n case MEDICAL_REPORT_ELEMENT_BUSINESS_EMAIL:\n return 'Business Email';\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_NAME:\n return 'Patient Name';\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_FULL_ADDRESS:\n return 'Patient Full Address';\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_ADDRESS_LINE1:\n return 'Patient Address Line 1';\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_ADDRESS_LINE2:\n return 'Patient Address Line 2';\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_ADDRESS_COUNTRY:\n return 'Patient Address Country';\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_DATE_OF_BIRTH:\n return 'Patient Date of Birth';\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_PHONE:\n return 'Patient Phone';\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_EMAIL:\n return 'Patient Email';\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_HEALTH_CARD:\n return 'Patient Health Card';\n\n case MEDICAL_REPORT_ELEMENT_EXAM_DATA:\n return 'Exam Data';\n\n case MEDICAL_REPORT_ELEMENT_EXAM_DATE:\n return 'Exam Date';\n\n case MEDICAL_REPORT_ELEMENT_EXAM_DOCTOR:\n return 'Exam Doctor';\n\n case MEDICAL_REPORT_ELEMENT_EXAM_DOCTOR_LICENSE_NUMBER:\n return 'Exam Doctor License Number';\n\n case MEDICAL_REPORT_ELEMENT_EXAM_DOCTOR_BILLING_NUMBER:\n return 'Exam Doctor Billing Number';\n\n case MEDICAL_REPORT_ELEMENT_EXAM_DOCTOR_SIGNATURE:\n return 'Exam Doctor Signature';\n\n case MEDICAL_REPORT_ELEMENT_REQUESTER_SIGNATURE:\n return 'Requester Signature';\n\n case MEDICAL_REPORT_ELEMENT_SUBJECT:\n return 'Subject';\n\n case MEDICAL_REPORT_ELEMENT_BODY:\n return 'Body';\n\n case MEDICAL_REPORT_ELEMENT_PAGE_NUMBER:\n return 'Page Number';\n\n case MEDICAL_REPORT_ELEMENT_PRINTED_DATE:\n return 'Printed Date';\n\n default:\n return '';\n }\n}\n\nexport const getIcon = (type) => {\n switch (type) {\n case MEDICAL_REPORT_ELEMENT_RICHTEXT_EDITOR:\n return 'fal fa-text-size';\n\n case MEDICAL_REPORT_ELEMENT_IMAGE:\n return 'fal fa-image';\n\n case MEDICAL_REPORT_ELEMENT_BUSINESS_NAME:\n case MEDICAL_REPORT_ELEMENT_BUSINESS_FULL_ADDRESS:\n case MEDICAL_REPORT_ELEMENT_BUSINESS_ADDRESS_LINE1:\n case MEDICAL_REPORT_ELEMENT_BUSINESS_ADDRESS_LINE2:\n case MEDICAL_REPORT_ELEMENT_BUSINESS_ADDRESS_COUNTRY:\n case MEDICAL_REPORT_ELEMENT_BUSINESS_PHONE:\n case MEDICAL_REPORT_ELEMENT_BUSINESS_FAX:\n case MEDICAL_REPORT_ELEMENT_BUSINESS_EMAIL:\n return 'fal fa-building';\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_NAME:\n case MEDICAL_REPORT_ELEMENT_PATIENT_FULL_ADDRESS:\n case MEDICAL_REPORT_ELEMENT_PATIENT_ADDRESS_LINE1:\n case MEDICAL_REPORT_ELEMENT_PATIENT_ADDRESS_LINE2:\n case MEDICAL_REPORT_ELEMENT_PATIENT_ADDRESS_COUNTRY:\n case MEDICAL_REPORT_ELEMENT_PATIENT_DATE_OF_BIRTH:\n case MEDICAL_REPORT_ELEMENT_PATIENT_PHONE:\n case MEDICAL_REPORT_ELEMENT_PATIENT_EMAIL:\n case MEDICAL_REPORT_ELEMENT_PATIENT_HEALTH_CARD:\n return 'fal fa-user';\n\n case MEDICAL_REPORT_ELEMENT_EXAM_DATE:\n case MEDICAL_REPORT_ELEMENT_EXAM_DOCTOR:\n case MEDICAL_REPORT_ELEMENT_EXAM_DOCTOR_LICENSE_NUMBER:\n case MEDICAL_REPORT_ELEMENT_EXAM_DOCTOR_BILLING_NUMBER:\n case MEDICAL_REPORT_ELEMENT_EXAM_DOCTOR_SIGNATURE:\n case MEDICAL_REPORT_ELEMENT_REQUESTER_SIGNATURE:\n case MEDICAL_REPORT_ELEMENT_EXAM_DATA:\n return 'fal fa-clipboard'\n\n case MEDICAL_REPORT_ELEMENT_SUBJECT:\n return 'fal fa-external-link-square';\n\n case MEDICAL_REPORT_ELEMENT_BODY:\n return 'fal fa-external-link-square';\n\n case MEDICAL_REPORT_ELEMENT_PAGE_NUMBER:\n return 'fal fa-hashtag'\n\n case MEDICAL_REPORT_ELEMENT_PRINTED_DATE:\n return 'fal fa-calendar-alt'\n\n default:\n return '';\n }\n}\n\nexport const getDefaultValue = (type, format) => {\n const formatOption = getFormatOptions(type).filter(f => f.type === format)[0];\n\n switch (type) {\n case MEDICAL_REPORT_ELEMENT_RICHTEXT_EDITOR:\n return 'This is a sample text.';\n\n case MEDICAL_REPORT_ELEMENT_IMAGE:\n return '';\n\n case MEDICAL_REPORT_ELEMENT_BUSINESS_NAME:\n return 'Company Name';\n\n case MEDICAL_REPORT_ELEMENT_BUSINESS_FULL_ADDRESS:\n return '199 Main Street East, Toronto, ON M1N 2N2, Canada';\n\n case MEDICAL_REPORT_ELEMENT_BUSINESS_ADDRESS_LINE1:\n return '199 Main Street East';\n\n case MEDICAL_REPORT_ELEMENT_BUSINESS_ADDRESS_LINE2:\n return 'Toronto, ON M1N 2N2';\n\n case MEDICAL_REPORT_ELEMENT_BUSINESS_ADDRESS_COUNTRY:\n return 'Canada';\n\n case MEDICAL_REPORT_ELEMENT_BUSINESS_PHONE:\n return formatOption ? formatOption.example : '+14165559999';\n\n case MEDICAL_REPORT_ELEMENT_BUSINESS_FAX:\n return formatOption ? formatOption.example : '+14162223333';\n\n case MEDICAL_REPORT_ELEMENT_BUSINESS_EMAIL:\n return 'info@companyname.com';\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_NAME:\n return formatOption ? formatOption.example : 'Jonathan Williams';\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_FULL_ADDRESS:\n return '355-20 Applegate Street, Toronto, ON M2M 3K3, Canada';\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_ADDRESS_LINE1:\n return '355-20 Applegate Street';\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_ADDRESS_LINE2:\n return 'Toronto, ON M2M 3K3';\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_ADDRESS_COUNTRY:\n return 'Canada';\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_DATE_OF_BIRTH:\n return 'July 1, 1980';\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_PHONE:\n return formatOption ? formatOption.example : '+14166643333';\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_EMAIL:\n return 'jwilliams_20@patientemail.com';\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_HEALTH_CARD:\n return '1234-5678-910-AA';\n\n case MEDICAL_REPORT_ELEMENT_EXAM_DATE:\n return formatOption ? formatOption.example : moment().format('YYYY-MM-DD');\n\n case MEDICAL_REPORT_ELEMENT_EXAM_DOCTOR:\n return 'Dr. Sarah Williams';\n\n case MEDICAL_REPORT_ELEMENT_EXAM_DOCTOR_LICENSE_NUMBER:\n return '0023456';\n\n case MEDICAL_REPORT_ELEMENT_EXAM_DOCTOR_BILLING_NUMBER:\n return '0098765';\n\n case MEDICAL_REPORT_ELEMENT_EXAM_DATA:\n return '';\n\n case MEDICAL_REPORT_ELEMENT_SUBJECT:\n return 'Subject of the MedicalReport';\n\n case MEDICAL_REPORT_ELEMENT_BODY:\n return 'This is the body of the medical report.';\n\n case MEDICAL_REPORT_ELEMENT_PAGE_NUMBER:\n return formatOption ? formatOption.example : 'Page 1';\n\n case MEDICAL_REPORT_ELEMENT_PRINTED_DATE:\n return formatOption ? formatOption.example : moment().format('YYYY-MM-DD');\n\n default:\n return '';\n }\n}\n\nexport const getValue = (element, sources) => {\n const { type, metadata } = element;\n const { format } = metadata;\n const formatOptions = getFormatOptions(type);\n const formatOption = formatOptions.some(f => f.type === format) ? formatOptions.filter(f => f.type === format)[0] : { type: null };\n\n switch (type) {\n case MEDICAL_REPORT_ELEMENT_BUSINESS_NAME:\n return sources && sources.tenant ? fm.apply(sources.tenant.displayName, formatOption.type) : '';\n\n case MEDICAL_REPORT_ELEMENT_BUSINESS_FULL_ADDRESS:\n return sources && sources.tenant && sources.tenant.address && sources.tenant.address.fullLine ? fm.apply(sources.tenant.address.fullLine, formatOption.type) : null;\n\n case MEDICAL_REPORT_ELEMENT_BUSINESS_ADDRESS_LINE1:\n return sources && sources.tenant && sources.tenant.address && sources.tenant.address.addressLine1 ? fm.apply(sources.tenant.address.addressLine1, formatOption.type) : null;\n\n case MEDICAL_REPORT_ELEMENT_BUSINESS_ADDRESS_LINE2:\n return sources && sources.tenant && sources.tenant.address && sources.tenant.address.addressLine2 ? fm.apply(sources.tenant.address.addressLine2, formatOption.type) : null;\n\n case MEDICAL_REPORT_ELEMENT_BUSINESS_ADDRESS_COUNTRY:\n return sources && sources.tenant && sources.tenant.address && sources.tenant.address.country ? fm.apply(sources.tenant.address.country, formatOption.type) : null;\n\n case MEDICAL_REPORT_ELEMENT_BUSINESS_PHONE:\n return sources && sources.tenant ? fm.apply(sources.tenant.phoneNumber, formatOption.type) : null;\n\n case MEDICAL_REPORT_ELEMENT_BUSINESS_FAX:\n return sources && sources.tenant ? fm.apply(sources.tenant.faxNumber, formatOption.type) : null;\n\n case MEDICAL_REPORT_ELEMENT_BUSINESS_EMAIL:\n return sources && sources.tenant ? fm.apply(sources.tenant.emailAddress, formatOption.type) : null;\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_NAME:\n return sources && sources.customer ? fm.apply(sources.customer, formatOption.type, ph.getPreferredFirstLastName(sources.customer)) : null;\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_FULL_ADDRESS:\n return sources && sources.customer && sources.customer && sources.customer.address && sources.customer.address.fullLine ? fm.apply(sources.customer.address.fullLine, formatOption.type) : null;\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_ADDRESS_LINE1:\n return sources && sources.customer && sources.customer && sources.customer.address && sources.customer.address.addressLine1 ? fm.apply(sources.customer.address.addressLine1, formatOption.type) : null;\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_ADDRESS_LINE2:\n return sources && sources.customer && sources.customer && sources.customer.address && sources.customer.address.addressLine2 ? fm.apply(sources.customer.address.addressLine2, formatOption.type) : null;\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_ADDRESS_COUNTRY:\n return sources && sources.customer && sources.customer && sources.customer.address && sources.customer.address.country ? fm.apply(sources.customer.address.country, formatOption.type) : null;\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_DATE_OF_BIRTH:\n return sources && sources.customer ? fm.apply(sources.customer, formatOption.type, sources.customer.dateOfBirth) : null;\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_PHONE:\n return sources && sources.customer ? fm.apply(sources.customer.phoneNumber, formatOption.type) : null;\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_EMAIL:\n return sources && sources.customer ? fm.apply(sources.customer.emailAddress, formatOption.type) : null;\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_HEALTH_CARD:\n return sources && sources.customer && sources.customer.patientProfile ? ph.formatHealthCard(sources.customer.patientProfile.healthCardNumber) : null;\n\n case MEDICAL_REPORT_ELEMENT_EXAM_DATE:\n return sources && sources.exam && sources.exam.createdDateUtc ? fm.apply(moment.utc(sources.exam.createdDateUtc), formatOption.type, moment.utc(sources.exam.createdDateUtc).format('YYYY-MM-DD')) : null;\n\n case MEDICAL_REPORT_ELEMENT_EXAM_DOCTOR:\n return sources && sources.user ? fm.apply(sources.user, formatOption.type, ph.getPreferredFirstLastName(sources.user)) : null;\n\n case MEDICAL_REPORT_ELEMENT_EXAM_DOCTOR_LICENSE_NUMBER:\n return sources && sources.user ? sources.user.licenseNumber : null;\n\n case MEDICAL_REPORT_ELEMENT_EXAM_DOCTOR_BILLING_NUMBER:\n return sources && sources.user ? sources.user.publicInsuranceProviderNumber : null;\n\n case MEDICAL_REPORT_ELEMENT_SUBJECT:\n return sources && sources.subject ? sources.subject : null;\n\n case MEDICAL_REPORT_ELEMENT_BODY:\n return sources && sources.body ? sources.body : null;\n\n case MEDICAL_REPORT_ELEMENT_PAGE_NUMBER:\n return formatOption ? formatOption.example : 'Page 1';\n\n case MEDICAL_REPORT_ELEMENT_PRINTED_DATE:\n return fm.apply(moment(), formatOption.type, moment().format('YYYY-MM-DD'));\n\n default:\n return '';\n }\n}\n\nexport const getFormatOptions = (type) => {\n switch (type) {\n case MEDICAL_REPORT_ELEMENT_PATIENT_NAME:\n return fm.NAME_FORMAT_OPTIONS;\n\n case MEDICAL_REPORT_ELEMENT_BUSINESS_PHONE:\n case MEDICAL_REPORT_ELEMENT_BUSINESS_FAX:\n case MEDICAL_REPORT_ELEMENT_PATIENT_PHONE:\n return fm.PHONE_FORMAT_OPTIONS;\n\n case MEDICAL_REPORT_ELEMENT_PATIENT_DATE_OF_BIRTH:\n case MEDICAL_REPORT_ELEMENT_EXAM_DATE:\n case MEDICAL_REPORT_ELEMENT_PRINTED_DATE:\n return fm.DATE_FORMAT_OPTIONS;\n\n case MEDICAL_REPORT_ELEMENT_PAGE_NUMBER:\n return fm.PAGE_NUMBER_FORMAT_OPTIONS;\n\n case MEDICAL_REPORT_ELEMENT_EXAM_DOCTOR:\n return fm.DOCTOR_NAME_FORMAT_OPTIONS;\n\n default:\n return [];\n }\n}\n\nexport const renderElement = (element, options) => {\n const defaults = {\n controlKey: `_${uuid()}`,\n readOnly: null,\n isDesignMode: false,\n defaultValue: null,\n quickDrawer: null,\n value: null,\n onClick: null,\n onDoubleClick: null,\n onContextMenu: null,\n };\n options = { ...defaults, ...options }\n\n if (options.pageSettings) {\n options.pageSettings.paper = options.pageSettings.paper ? options.pageSettings.paper : getPaperDimension('letter');\n options.pageSettings.margins = options.pageSettings.margins ? options.pageSettings.margins : MEDICAL_REPORT_TEMPLATE_PAGE_SETTINGS_MARGINS_NORMAL;\n } else {\n options.pageSettings = {\n paper: getPaperDimension('letter'),\n margins: MEDICAL_REPORT_TEMPLATE_PAGE_SETTINGS_MARGINS_NORMAL,\n };\n }\n\n switch (element.type) {\n case MEDICAL_REPORT_ELEMENT_RICHTEXT_EDITOR:\n case MEDICAL_REPORT_ELEMENT_BUSINESS_NAME:\n case MEDICAL_REPORT_ELEMENT_BUSINESS_FULL_ADDRESS:\n case MEDICAL_REPORT_ELEMENT_BUSINESS_ADDRESS_LINE1:\n case MEDICAL_REPORT_ELEMENT_BUSINESS_ADDRESS_LINE2:\n case MEDICAL_REPORT_ELEMENT_BUSINESS_ADDRESS_COUNTRY:\n case MEDICAL_REPORT_ELEMENT_BUSINESS_PHONE:\n case MEDICAL_REPORT_ELEMENT_BUSINESS_FAX:\n case MEDICAL_REPORT_ELEMENT_BUSINESS_EMAIL:\n case MEDICAL_REPORT_ELEMENT_PATIENT_NAME:\n case MEDICAL_REPORT_ELEMENT_PATIENT_FULL_ADDRESS:\n case MEDICAL_REPORT_ELEMENT_PATIENT_ADDRESS_LINE1:\n case MEDICAL_REPORT_ELEMENT_PATIENT_ADDRESS_LINE2:\n case MEDICAL_REPORT_ELEMENT_PATIENT_ADDRESS_COUNTRY:\n case MEDICAL_REPORT_ELEMENT_PATIENT_DATE_OF_BIRTH:\n case MEDICAL_REPORT_ELEMENT_PATIENT_PHONE:\n case MEDICAL_REPORT_ELEMENT_PATIENT_EMAIL:\n case MEDICAL_REPORT_ELEMENT_PATIENT_HEALTH_CARD:\n case MEDICAL_REPORT_ELEMENT_EXAM_DATE:\n case MEDICAL_REPORT_ELEMENT_EXAM_DOCTOR:\n case MEDICAL_REPORT_ELEMENT_EXAM_DOCTOR_LICENSE_NUMBER:\n case MEDICAL_REPORT_ELEMENT_EXAM_DOCTOR_BILLING_NUMBER:\n case MEDICAL_REPORT_ELEMENT_PAGE_NUMBER:\n case MEDICAL_REPORT_ELEMENT_PRINTED_DATE:\n return{\n options.defaultValue ?\n options.defaultValue :\n options.isDesignMode ? getDefaultValue(element.type, (element.metadata && element.metadata.format ? element.metadata.format : null)) : null\n }
\n }\n \n \n\n case MEDICAL_REPORT_ELEMENT_IMAGE:\n return\n s === 'bold') ? 'bold' : null,\n fontStyle: element.metadata.fontStyle && element.metadata.fontStyle.some(s => s === 'italic') ? 'italic' : null,\n textDecoration: element.metadata.fontStyle && element.metadata.fontStyle.some(s => s === 'underline') ? 'underline' : null,\n letterSpacing: element.metadata.fontLetterSpacing ? `${element.metadata.fontLetterSpacing}px` : null,\n }}\n data-key={element.type}\n >\n {options.isDesignMode ? getDescription(element.type) : (options.value ? options.value : '')}\n
\n \n \n \n\n case MEDICAL_REPORT_ELEMENT_EXAM_DATA: // Cannot be render on TemplateGrid\n const datasets = [{ label: 'Exam Label', definition: [''] }]\n const numberOfColumns = 1;\n\n return \n \n \n {\n datasets.map((ds, dsi) => {\n return
\n
\n \n \n\n\n case MEDICAL_REPORT_ELEMENT_EXAM_DOCTOR_SIGNATURE:\n case MEDICAL_REPORT_ELEMENT_REQUESTER_SIGNATURE:\n return | \n | \n {\n (() => {\n const columns = [];\n\n for (let ci = 0; ci < numberOfColumns; ci++) {\n const columnValue = options.isDesignMode ? 'Exam Data' : (fn.isFunction(options.getExamDataValue) ? options.getExamDataValue(element.id, ds, ci) : '');\n\n columns.push(
{textElement.text}
\n \n\n case 'Heading2':\n return{textElement.text}
\n \n\n case 'Heading3':\n return{textElement.text}
\n \n\n case 'Heading4':\n return{textElement.text}
\n \n\n case 'SmallText':\n return- \n
- \n \n {weekday}\n \n\n \n
- @ \n
- \n \n \n\n \n
- to \n
- \n \n \n\n \n
\n \n {appointment.customer.initials}\n \n
\n \n {ph.getFullName(appointment.customer, true)}\n {\n appointment.customer.dateOfBirth || appointment.customer.sex || appointment.customer.gender || appointment.customer.pronoun ?\n ({`${ph.getAge(appointment.customer.dateOfBirth, moment(appointment.start))} ${ph.getSexGenderPronounDisplay(appointment.customer)}`.trim()}) : null\n }\n \n {\n appointment.customer.address && appointment.customer.address.country ?\n
\n \n}\n\nexport const renderAppointmentTimelineBadgeStyles = (appointments) => {\n const colors = appointments && appointments.length > 0 ?\n [...new Set(appointments.map(a => { return a.timeline.map(t => t.colorHexValue) }).reduce((a, b) => [...a, ...b]))] : [];\n\n return colors.map((c, ci) => {\n return {adh.getAddressHtml(appointment.customer.address)}
: null\n }\n {\n appointment.customer.emailAddress ?\n \n {appointment.customer.emailAddress}\n \n
: null\n }\n {\n appointment.customer.phoneNumber ?\n \n {appointment.customer.phoneNumber}\n \n
: null\n }\n - \n {\n timeline.map((s, si) => {\n return
\n \n \n {\n extendedProps.appointment.notes && extendedProps.appointment.notes.some(n => n.referenceId === extendedProps.appointment.id) ?\n : null\n }\n {\n extendedProps.appointment.notes && extendedProps.appointment.notes.some(n => n.isPinned) ?\n : null\n }\n {\n extendedProps.appointment.customer.hasTodayBalance || extendedProps.appointment.customer.hasOutstandingBalance ?\n : null\n }\n {\n extendedProps.appointment.status === 'Completed' ?\n : null\n }\n {\n extendedProps.appointment.status === 'NoShow' ?\n : null\n }\n {event.title}\n \n {\n (age || gender) ?\n \n ({(`${age} ${gender}`).trim()})\n : null\n }\n \n {bh.renderAppointmentNew(extendedProps.appointment, 'fs-xs mr-1')}\n {bh.renderAppointmentFirstExam(extendedProps.appointment, 'fs-xs mr-1')}\n {bh.renderAppointmentPrebook(extendedProps.appointment, 'mr-1')}\n {\n extendedProps.appointment.services.map((s, si) => {\n return \n {bh.renderServiceCode(s, 'fs-xs mr-1', (!s.isEligible || !isEndState(extendedProps.appointment)))}\n \n })\n }\n
\n \n {fn.formatTimeFromToHtml(moment(extendedProps.appointment.start), moment(extendedProps.appointment.end))}\n {\n extendedProps.appointment.isRepeating ?\n (# {extendedProps.appointment.repeatIndex} of {extendedProps.appointment.repeatTotal}) : null\n }\n
\n \n {\n extendedProps.appointment.notes && extendedProps.appointment.notes.length > 0 && extendedProps.appointment.notes.some(n => n.referenceId === extendedProps.appointment.id) ?\n n.referenceId === extendedProps.appointment.id)[0].bodyHtml\n )\n }}\n > : null\n }\n
\n \n - \n {\n timeline.map((s, si) => {\n return
\n \n \n \n {\n extendedProps.appointments && extendedProps.appointments.some(a => a.notes.some(n => n.referenceId === a.id)) ?\n : null\n }\n {\n extendedProps.appointments && extendedProps.appointments.some(a => a.notes && a.notes.some(n => n.isPinned)) ?\n : null\n }\n {\n extendedProps.appointments && extendedProps.appointments.some(a => a.customer.hasTodayBalance || a.customer.hasOutstandingBalance) ?\n : null\n }\n {\n isCompleted ?\n : null\n }\n {\n isNoShow ?\n : null\n }\n {\n isSomeBothCompletedNoShow ?\n : null\n }\n {event.title}\n \n {\n extendedProps.appointments.length > 2 ?\n \n (+{(extendedProps.appointments.length - 2)})\n : null\n }\n \n {newAppointment ? bh.renderAppointmentNew(newAppointment, 'fs-xs mr-1') : null}\n {firstExamAppointment ? bh.renderAppointmentFirstExam(firstExamAppointment, 'fs-xs mr-1') : null}\n {prebookAppointment ? bh.renderAppointmentPrebook(prebookAppointment, 'mr-1') : null}\n {\n services.map((s, si) => {\n let service = s;\n\n if (s.isEligibilityCheckRequired) {\n const ineligibleAppointmentIndex = extendedProps.appointments.findIndex(a => a.services.some(sx => sx.id === service.id && !sx.isEligible));\n\n if (ineligibleAppointmentIndex > -1) {\n const ineligibleService = extendedProps.appointments[ineligibleAppointmentIndex].services.filter(sx => sx.id === s.id && !sx.isEligible)[0];\n\n if (ineligibleService) {\n service = ineligibleService;\n }\n }\n }\n return \n {bh.renderServiceCode(service, 'fs-xs mr-1', (!service.isEligible || !isEndState(extendedProps.appointment)))}\n \n })\n }\n
\n \n {\n notes && notes.length > 0 && notes.some(n => extendedProps.appointments.some(a => a.id === n.referenceId)) ?\n extendedProps.appointments.some(a => a.id === n.referenceId))[0].bodyHtml\n )\n }}\n > : null\n }\n
\n \n \n \n \n {\n extendedProps.appointment.customer.hasTodayBalance || extendedProps.appointment.customer.hasOutstandingBalance ?\n : null\n }\n {\n extendedProps.appointment.status === 'Completed' ?\n : null\n }\n {\n extendedProps.appointment.status === 'NoShow' ?\n : null\n }\n {event.title}\n \n \n ({(`${age} ${gender}`).trim()})\n \n \n {bh.renderAppointmentNew(extendedProps.appointment, 'fs-xs mr-1')}\n {bh.renderAppointmentFirstExam(extendedProps.appointment, 'fs-xs mr-1')}\n {bh.renderAppointmentPrebook(extendedProps.appointment, 'fs-xs mr-1')}\n {\n extendedProps.appointment.services.map((s, si) => {\n return \n {bh.renderServiceCode(s, 'fs-xs mr-1', (!s.isEligible || !isEndState(extendedProps.appointment)))}\n \n })\n }\n
\n \n {fn.formatTimeFromToHtml(moment(extendedProps.appointment.start), moment(extendedProps.appointment.end))}\n {\n extendedProps.appointment.isRepeating ?\n (# {extendedProps.appointment.repeatIndex} of {extendedProps.appointment.repeatTotal}) : null\n }\n
\n \n \n
\n \n })\n }\n \n : null\n }\n : null\n }\n {\n startAppointmentPurchaseCallback && fn.isFunction(startAppointmentPurchaseCallback) ?\n <>\n {\n a.appointment.services.some(s => s.fee > 0 && !s.isSubsidized) && !a.appointment.purchases.some(o => o.referenceId === a.appointment.id) ?\n <>\n \n Invoice # {o.number}\n
\n \n {\n o.completedDateUtc && o.remainingBalance > 0.0 ?\n :\n bh.renderPurchaseBalanceStatus(o, 'badge-dot')\n }\n
\n \n
\n \n })\n }\n \n : null\n }\n : null\n }\n {\n startAppointmentPurchaseCallback && fn.isFunction(startAppointmentPurchaseCallback) ?\n <>\n {\n ga.services.some(s => s.fee > 0 && !s.isSubsidized) && !ga.purchases.some(o => o.referenceId === ga.id) ?\n <>\n \n Invoice # {o.number}\n
\n \n {\n o.completedDateUtc && o.remainingBalance > 0.0 ?\n :\n bh.renderPurchaseBalanceStatus(o, 'badge-dot')\n }\n
\n \n
\n}\n\nconst renderGroupAppointmentTooltipContent = (event, age, gender, extendedProps) => {\n const notes = groupAppointmentNotes(extendedProps.appointments);\n\n return \n {\n extendedProps.appointment.notes && extendedProps.appointment.notes.some(n => n.referenceId === extendedProps.appointment.id) ?\n : null\n }\n {\n extendedProps.appointment.notes && extendedProps.appointment.notes.some(n => n.isPinned) ?\n : null\n }\n {\n extendedProps.appointment.customer.hasTodayBalance && extendedProps.appointment.customer.hasOutstandingBalance ?\n : null\n }\n {\n extendedProps.appointment.status === 'Completed' ?\n : null\n }\n {\n extendedProps.appointment.status === 'NoShow' ?\n : null\n }\n {event.title} {(age || gender) ? ({(`${age} ${gender}`).trim()}) : null}\n \n {bh.renderAppointmentNew(extendedProps.appointment, 'fs-sm mr-1')}\n {bh.renderAppointmentFirstExam(extendedProps.appointment, 'fs-sm mr-1')}\n {bh.renderAppointmentPrebook(extendedProps.appointment, 'fs-sm mr-1')}\n {\n extendedProps.appointment.services.map((s, si) => {\n return
\n \n {fn.formatTimeFromToHtml(moment(extendedProps.appointment.start), moment(extendedProps.appointment.end))}\n {\n extendedProps.appointment.isRepeating ?\n (# {extendedProps.appointment.repeatIndex} of {extendedProps.appointment.repeatTotal}) : null\n }\n \n
\n {\n extendedProps.appointment.notes && extendedProps.appointment.notes.length > 0 ?\n // : null\n { return `${n.bodyHtml}
` }).reduce((a, b) => `${a}${b}`) }}> : null\n }\n \n
\n}\n","import React, { Component } from 'react';\n\nimport * as dx from 'devextreme-react';\nimport * as fn from '../../../utilities/_functions';\n\nexport default class HtmlEditor extends Component {\n constructor(props) {\n super(props);\n this.quillRef = React.createRef();\n this.preserveFormat = React.createRef();\n this.id = `_${Math.random().toString(36).substr(2, 5)}`;\n this.preserveFormat.current = false;\n }\n\n componentDidMount() {\n if (this.props.dataAttributes && this.quillRef.current.editor.container) {\n for (let i = 0; i < this.props.dataAttributes.length; i++) {\n const attribute = this.props.dataAttributes[i];\n this.quillRef.current.editor.container.setAttribute(attribute.name, attribute.value);\n }\n }\n\n if (this.quillRef.current) {\n const instance = this.quillRef.current.instance.getQuillInstance();\n\n if (instance && instance.keyboard) {\n if (!!this.props.disableTab && instance.keyboard.bindings['tab']) {\n delete instance.keyboard.bindings['tab'];\n }\n\n if (!!this.props.disableEnter && instance.keyboard.bindings['enter']) {\n delete instance.keyboard.bindings['enter'];\n }\n }\n }\n }\n\n handleContentReady = (e) => {\n if (e && e.component) {\n const that = this;\n const instance = e && e.component.getQuillInstance();\n\n if (instance) {\n if (instance.keyboard) {\n if (!!this.props.disableTab && instance.keyboard.bindings['tab']) {\n delete instance.keyboard.bindings['tab'];\n }\n\n if (!!this.props.disableEnter && instance.keyboard.bindings['enter']) {\n delete instance.keyboard.bindings['enter'];\n }\n }\n if (instance.clipboard) {\n instance.clipboard.addMatcher(Node.ELEMENT_NODE, (node, delta) => {\n if (!that.preserveFormat.current) {\n let ops = [];\n delta.ops.forEach(op => {\n if (op.insert && typeof op.insert === 'string') {\n ops.push({\n insert: op.insert\n })\n }\n })\n delta.ops = ops;\n }\n \n return delta;\n })\n }\n }\n }\n\n if (this.props && fn.isFunction(this.props.onContentReady)) {\n this.props.onContentReady(e);\n }\n }\n\n getInstance = () => {\n return this.quillRef.current && this.quillRef.current.instance ? this.quillRef.current.instance : null;\n }\n\n setHtml = (html, preserveFormat = false) => {\n if (!!preserveFormat) {\n this.preserveFormat.current = true;\n }\n\n this.getInstance().option('value', html);\n this.preserveFormat.current = false;\n }\n\n focus = () => {\n const instance = this.getInstance();\n\n if (instance) {\n instance.focus();\n }\n }\n\n render() {\n return \n {\n notes && notes.some(n => extendedProps.appointments.some(a => a.id === n.referenceId)) ?\n : null\n }\n {\n extendedProps.appointment.notes && extendedProps.appointment.notes.some(n => n.isPinned) ?\n : null\n }\n {\n extendedProps.appointment.customer.hasTodayBalance && extendedProps.appointment.customer.hasOutstandingBalance ?\n : null\n }\n {\n extendedProps.appointment.status === 'Completed' ?\n : null\n }\n {\n extendedProps.appointment.status === 'NoShow' ?\n : null\n }\n {event.title} {(age || gender) ? ({(`${age} ${gender}`).trim()}) : null}\n \n {bh.renderAppointmentNew(extendedProps.appointment, 'fs-sm mr-1')}\n {bh.renderAppointmentFirstExam(extendedProps.appointment, 'fs-sm mr-1')}\n {bh.renderAppointmentPrebook(extendedProps.appointment, 'fs-sm mr-1')}\n {\n extendedProps.appointment.services.map((s, si) => {\n return
\n \n {fn.formatTimeFromToHtml(moment(extendedProps.appointment.start), moment(extendedProps.appointment.end))}\n {\n extendedProps.appointment.isRepeating ?\n (# {extendedProps.appointment.repeatIndex} of {extendedProps.appointment.repeatTotal}) : null\n }\n \n
\n {\n notes && notes.length > 0 ?\n // : null\n { return `${n.bodyHtml}
` }).reduce((a, b) => `${a}${b}`) }}> : null\n }\n {options.defaultValue ? options.defaultValue : getDefaultValue(element.type, (element.metadata && element.metadata.format ? element.metadata.format : null))}
\n }\n \n \n\n case FORM_ELEMENT_IMAGE:\n return\n {\n props.spinner && props.spinner === 'horizontal' ?\n
\n }\n\n return !!props.relativeToPageContent ?\n \n
:\n \n \n
\n \n Loading...\n
\n }\n {\n props.message ?\n \n
: null\n }\n \n {props.message}\n
\n \n {renderLoadingOverlay('absolute')}\n
: renderLoadingOverlay('fixed')\n\n}\n\nexport default LoadingOverlay;","import { useState, useEffect, useContext } from 'react';\nimport SignalRContext from '../../components/SignalRContext';\nimport uuid from 'react-uuid';\n\nfunction useSignalR(label) {\n const [subscriberId] = useState(uuid());\n const signalRContext = useContext(SignalRContext);\n\n useEffect(() => {\n if (!signalRContext.isConnected) {\n signalRContext.connect();\n }\n\n return () => {\n signalRContext.offAll(subscriberId);\n }\n }, []) // eslint-disable-line\n\n const subscribeMessage = (message, callback) => {\n signalRContext.on(subscriberId, message, callback);\n }\n\n const unsubscribeMessage = (message) => {\n signalRContext.off(subscriberId, message);\n }\n\n return { on: subscribeMessage, off: unsubscribeMessage, subscriberId, connectionId: signalRContext._connection.connectionId, label };\n}\n\nexport default useSignalR;","import React, { Component } from 'react';\nimport FadeIn from 'react-fade-in';\nimport { GlobalHotKeys } from 'react-hotkeys';\n\nimport * as fn from '../../../utilities/_functions';\n\nimport './ConfirmModal.scss';\n\nexport default class ConfirmModal extends Component {\n constructor(props) {\n super(props);\n this.readyTimer = React.createRef();\n this.state = {\n ready: false,\n display: false,\n option: null,\n zIndex: null,\n }\n }\n\n componentWillUnmount() {\n if (this.props.onClose) { this.props.onClose(); }\n if (this.readyTimer.current) { clearTimeout(this.readyTimer.current); this.readyTimer.current = null; }\n }\n\n show = (option) => {\n const zIndex = fn.getHighestZIndex() + 1;\n this.setState({ display: true, option: option, zIndex: zIndex });\n }\n\n close = () => {\n this.handleClose();\n }\n\n handleClose = event => {\n this.setState({ option: null, display: false, zIndex: null, ready: false });\n }\n\n get isVisible() {\n return this.state.display;\n }\n\n render() {\n const that = this;\n const { display, ready, option } = this.state;\n const modalZIndex = fn.getHighestZIndex() + 2;\n const backdropZIndex = fn.getHighestZIndex() + 1;\n\n if (!!option && !ready) {\n that.readyTimer.current = setTimeout(() => {\n that.setState({ ready: true });\n }, 100)\n }\n\n return !!option ? <>\n \n
\n \n : null\n }\n}","import { createContext } from 'react';\nimport { decorate, observable, action, computed } from 'mobx';\nimport { toJS } from 'mobx';\n\nimport api from '../api';\nimport * as fn from '../utilities/_functions';\nimport moment from 'moment';\n\nexport class CustomerUpdate {\n id = null;\n data = null;\n newAddress = {\n geocode: null,\n streetNumber: null,\n streetName: null,\n unitSuiteType: null,\n unitSuite: null,\n line2: null,\n locality: null,\n sublocality: null,\n postalCode: null,\n region: null,\n regionCode: null,\n country: null,\n countryCode: null,\n };\n newShippingAddress = {\n geocode: null,\n streetNumber: null,\n streetName: null,\n unitSuiteType: null,\n unitSuite: null,\n line2: null,\n locality: null,\n sublocality: null,\n postalCode: null,\n region: null,\n regionCode: null,\n country: null,\n countryCode: null,\n };\n newPrivateInsurance = {\n privateInsuranceProviderId: null,\n primaryPolicyHolderId: null,\n policyHolderName: null,\n memberId: null,\n planNumber: null,\n accountNumber: null,\n policyNumber: null,\n noteHtml: null,\n members: [],\n };\n deactivateReason = null;\n deactivateNotePreview = null;\n deactivateNoteBodyHtml = null;\n\n patientProfile = null;\n purchases = [];\n appointments = [];\n relationships = [];\n relationshipSuggestions = [];\n privateInsurances = [];\n\n selectedPrivateInsuranceId = null;\n\n hasPersonalUnsavedChanges = false;\n hasAddressUnsavedChanges = false;\n hasContactUnsavedChanges = false;\n hasPatientUnsavedChanges = false;\n hasRelationshipUnsavedChanges = false;\n hasRelationshipSuggestionUnsavedChanges = false;\n hasPrivateInsuranceUnsavedChanges = false;\n\n isPatientProfileReady = false;\n isPurchasesReady = false;\n isAppointmentsReady = false;\n isRelationshipsReady = false;\n isRelationshipSuggestionsReady = false;\n isPrivateInsuranceReady = false;\n\n isLoading = false;\n isReady = false;\n isDataReady = false;\n\n cancelAddressInformationUpdate = null;\n cancelContactInformationUpdate = null;\n cancelCustomer = null;\n cancelPrivateInsurance = null;\n cancelPrivateInsuranceCreate = null;\n cancelPrivateInsuranceUpdate = null;\n cancelPrivateInsuranceDelete = null;\n cancelPatientInformationUpdate = null;\n cancelPatientProfile = null;\n cancelPersonalInformationUpdate = null;\n cancelRelationships = null;\n cancelRelationshipsUpdate = null;\n cancelRelationshipSuggestions = null;\n cancelRelationshipSuggestionsUpdate = null;\n\n initialize = (id) => {\n const that = this;\n\n this.clear();\n this.id = id;\n\n return new Promise((resolve, reject) => {\n that.refresh()\n .then(() => {\n that.isDataReady = true;\n resolve();\n })\n .catch(() => {\n reject();\n })\n .finally(() => {\n that.isLoading = false;\n that.isReady = true;\n })\n })\n }\n\n refresh = () => {\n const that = this;\n return new Promise((resolve, reject) => {\n api.Customers.get(\n this.id,\n (c) => { that.cancelCustomer = c }\n )\n .then(({ data }) => {\n that.data = data;\n if (data.address) {\n that.newAddress = data.address;\n }\n if (data.shippingAddress) {\n that.newShippingAddress = data.shippingAddress;\n }\n resolve();\n })\n .catch(() => {\n reject();\n })\n })\n }\n\n setPatientProfile = (patientProfile) => {\n this.patientProfile = toJS(patientProfile);\n this.isPatientProfileReady = true;\n }\n\n loadPatientProfile = () => {\n const that = this;\n\n return new Promise((resolve, reject) => {\n if (that.data.patientProfileId) {\n api.PatientProfiles.get(\n that.data.patientProfileId,\n (c) => { that.cancelPatientProfile = c }\n )\n .then(({ data }) => {\n that.patientProfile = data;\n resolve();\n })\n .catch(() => {\n reject();\n })\n .finally(() => {\n that.isPatientProfileReady = true;\n })\n } else {\n that.patientProfile = {};\n resolve();\n that.isPatientProfileReady = true;\n }\n })\n }\n\n setRelationships = (relationships) => {\n this.relationships = toJS(relationships);\n this.isRelationshipsReady = true;\n }\n\n loadRelationships = () => {\n const that = this;\n\n return new Promise((resolve, reject) => {\n api.CustomerRelationships.get(\n that.id,\n false,\n (c) => { that.cancelRelationships = c }\n )\n .then(({ data }) => {\n if (data && data.length > 0) {\n that.relationships = data;\n } else {\n that.relationships.clear();\n }\n that.isRelationshipsReady = true;\n resolve();\n })\n .catch(() => {\n reject();\n })\n })\n }\n\n loadRelationshipSuggestions = () => {\n const that = this;\n\n return new Promise((resolve, reject) => {\n api.CustomerRelationships.suggestions(\n that.id,\n false,\n (c) => { that.cancelRelationshipSuggestions = c }\n )\n .then(({ data }) => {\n if (data && data.length > 0) {\n that.relationshipSuggestions = data;\n } else {\n that.relationshipSuggestions.clear();\n }\n that.isRelationshipSuggestionsReady = true;\n resolve();\n })\n .catch(() => {\n reject();\n })\n })\n }\n\n addRelationship = (suggestion) => {\n const that = this;\n\n return new Promise((resolve, reject) => {\n api.CustomerRelationships.create(\n {\n party1Id: that.data.id,\n party2Id: suggestion.id,\n relationshipType: suggestion.relationship,\n },\n (c) => { that.cancelRelationshipSuggestions = c }\n )\n .then(() => {\n const index = that.relationshipSuggestions.findIndex(s => s.id === suggestion.id);\n if (index > -1) {\n that.relationshipSuggestions.splice(index, 1);\n }\n resolve();\n })\n .catch(() => {\n reject();\n })\n })\n }\n\n removeRelationshipSuggestion = (suggestion) => {\n const that = this;\n\n return new Promise((resolve, reject) => {\n api.CustomerRelationships.delete(\n {\n party1Id: that.data.id,\n party2Id: suggestion.id,\n },\n (c) => { that.cancelRelationshipSuggestions = c }\n )\n .then(() => {\n const index = that.relationshipSuggestions.findIndex(s => s.id === suggestion.id);\n that.relationshipSuggestions.splice(index, 1);\n resolve();\n })\n .catch(() => {\n reject();\n })\n })\n }\n\n loadInsurance = () => {\n const that = this;\n\n return new Promise((resolve, reject) => {\n api.CustomerPrivateInsurances.search(\n {\n parameters: [{\n field: 'CustomerId',\n value: that.id,\n }],\n sortByFields: [{\n field: 'CreatedDateUtc',\n direction: 'DESC',\n }],\n loadProperties: true,\n includeTotalCount: false,\n },\n (c) => { that.cancelPrivateInsurance = c }\n )\n .then(({ data }) => {\n that.privateInsurances.clear();\n\n if (data && data.result && data.result.length > 0) {\n that.privateInsurances = data.result;\n }\n\n that.isPrivateInsuranceReady = true;\n resolve();\n })\n .catch(() => {\n reject();\n })\n })\n }\n\n updatePersonalInformation = (notify) => {\n const that = this;\n\n return new Promise((resolve, reject) => {\n if (that.hasPersonalUnsavedChanges) {\n if (!!notify) {\n that.isSaving = true;\n }\n\n api.Customers.update(\n that.data.id,\n {\n personalInformation: {\n color: that.data.color,\n salutation: that.data.salutation,\n firstName: that.data.firstName,\n preferredFirstName: that.data.preferredFirstName,\n middleName: that.data.middleName,\n lastName: that.data.lastName,\n suffix: that.data.suffix,\n sex: that.data.sex,\n gender: that.data.gender,\n genderOther: that.data.genderOther,\n pronoun: that.data.pronoun,\n pronounOther: that.data.pronounOther,\n dateOfBirth: that.data.dateOfBirth,\n }\n },\n (c) => { that.cancelPersonalInformationUpdate = c }\n )\n .then(() => {\n that.hasPersonalUnsavedChanges = false;\n resolve();\n })\n .catch(() => {\n reject();\n })\n .finally(() => {\n this.isSaving = false;\n })\n } else {\n resolve();\n }\n })\n }\n\n updateAddressInformation = (notify) => {\n const that = this;\n\n return new Promise((resolve, reject) => {\n if (that.hasAddressUnsavedChanges) {\n if (!!notify) {\n that.isSaving = true;\n }\n\n api.Customers.update(\n that.data.id,\n {\n addressInformation: {\n isShippingAddressSameAsHome: that.data.isShippingAddressSameAsHome,\n existingAddress: that.data.address,\n newAddress: that.newAddress,\n existingShippingAddress: that.data.shippingAddress,\n newShippingAddress: that.newShippingAddress,\n }\n },\n (c) => { that.cancelAddressInformationUpdate = c }\n )\n .then(() => {\n resolve();\n })\n .catch(() => {\n reject();\n })\n .finally(() => {\n that.isSaving = false;\n that.hasAddressUnsavedChanges = false;\n })\n } else {\n resolve();\n }\n })\n }\n\n updateContactInformation = (notify) => {\n const that = this;\n\n return new Promise((resolve, reject) => {\n if (that.hasContactUnsavedChanges) {\n if (!!notify) {\n that.isSaving = true;\n }\n\n api.Customers.update(\n that.data.id,\n {\n contactInformation: {\n emailAddress: that.data.emailAddress,\n primaryPhoneNumber: that.data.primaryPhoneNumber,\n secondaryPhoneNumber: that.data.secondaryPhoneNumber,\n preferredContactMethodType: that.data.preferredContactMethod,\n communicationConsent: that.data.communicationConsent,\n autoReminderDisabled: that.data.autoReminderDisabled,\n primaryContactPersonId: that.data.primaryContactPersonId,\n emergencyContactPersonId: that.data.emergencyContactPersonId,\n spokenLanguage: that.data.spokenLanguage,\n communicationLanguage: that.data.communicationLanguage,\n }\n },\n (c) => { that.cancelContactInformationUpdate = c }\n )\n .then(() => {\n that.hasContactUnsavedChanges = false;\n resolve();\n })\n .catch(() => {\n reject();\n })\n .finally(() => {\n that.isSaving = false;\n })\n } else {\n resolve();\n }\n })\n }\n\n updatePatientInformation = (notify) => {\n const that = this;\n\n return new Promise((resolve, reject) => {\n if (that.hasPatientUnsavedChanges) {\n if (!!notify) {\n that.isSaving = true;\n }\n\n api.Customers.update(\n that.data.id,\n {\n patientInformation: {\n healthCardNumber: that.patientProfile.healthCardNumber ? that.patientProfile.healthCardNumber.replace(/[^a-zA-Z0-9]/g, '').toUpperCase() : null,\n healthCardExpiryDate: that.patientProfile.healthCardNumber ? that.patientProfile.healthCardExpiryDate : null,\n recallFrequencyInMonth: that.patientProfile.recallFrequencyInMonth,\n doNotRecall: that.patientProfile.doNotRecall,\n isVerified: that.patientProfile.isVerified,\n verificationResponse: that.patientProfile.verificationResponse,\n familyDoctorId: that.patientProfile.familyDoctorId,\n familyDoctorClinicId: that.patientProfile.familyDoctorClinicId,\n }\n },\n (c) => { that.cancelPatientInformationUpdate = c }\n )\n .then(() => {\n that.hasPatientUnsavedChanges = false;\n resolve();\n })\n .catch(() => {\n reject();\n })\n .finally(() => {\n that.isSaving = false;\n })\n } else {\n resolve();\n }\n })\n }\n\n updateRelationshipInformation = (notify) => {\n const that = this;\n\n return new Promise((resolve, reject) => {\n if (that.hasRelationshipUnsavedChanges) {\n if (!!notify) {\n that.isSaving = true;\n }\n\n api.Customers.update(\n that.data.id,\n {\n relationshipInformation: {\n relationships: that.relationships.map(r => { return { relatedToId: r.relatedTo.id, relationship: r.relationship } })\n }\n },\n (c) => { that.cancelRelationshipsUpdate = c }\n )\n .then(() => {\n that.hasRelationshipUnsavedChanges = false;\n resolve();\n })\n .catch(() => {\n reject();\n })\n .finally(() => {\n that.isSaving = false;\n })\n } else {\n resolve();\n }\n })\n }\n\n addPrivateInsuranceInformation = (notify) => {\n const that = this;\n\n return new Promise((resolve, reject) => {\n if (!!notify) {\n that.isSaving = true;\n }\n\n api.CustomerPrivateInsurances.create(\n that.id, that.newPrivateInsurance,\n (c) => { that.cancelPrivateInsuranceCreate = c }\n )\n .then(() => {\n that.hasPrivateInsuranceUnsavedChanges = false;\n resolve();\n })\n .catch(() => {\n reject();\n })\n .finally(() => {\n that.isSaving = false;\n })\n })\n }\n\n updatePrivateInsuranceInformation = (notify) => {\n const that = this;\n\n return new Promise((resolve, reject) => {\n if (that.hasPrivateInsuranceUnsavedChanges) {\n if (!!notify) {\n that.isSaving = true;\n }\n\n api.CustomerPrivateInsurances.update(\n that.data.id, that.selectedPrivateInsurance,\n (c) => { that.cancelPrivateInsuranceUpdate = c }\n )\n .then(() => {\n that.hasPrivateInsuranceUnsavedChanges = false;\n resolve();\n })\n .catch(() => {\n reject();\n })\n .finally(() => {\n that.isSaving = false;\n })\n } else {\n resolve();\n }\n })\n }\n\n updatePrivateInsurancesDisplayOrder = (notify) => {\n const that = this;\n\n return new Promise((resolve, reject) => {\n if (that.hasPrivateInsuranceUnsavedChanges) {\n if (!!notify) {\n that.isSaving = true;\n }\n\n const option = {\n items: that.privateInsurances.map(i => {\n return {\n privateInsurancePolicyId: i.privateInsurancePolicyId, displayOrder: i.displayOrder\n }\n })\n };\n\n api.CustomerPrivateInsurances.reorder(that.data.id, option)\n .then(() => {\n that.hasPrivateInsuranceUnsavedChanges = false;\n resolve();\n })\n .catch((error) => {\n reject(error);\n })\n .finally(() => {\n that.isSaving = false;\n })\n } else {\n resolve();\n }\n })\n }\n\n deletePrivateInsuranceInformation = (method, notify) => {\n const that = this;\n\n if (method) {\n return new Promise((resolve, reject) => {\n if (!!notify) {\n that.isSaving = true;\n }\n\n api.CustomerPrivateInsurances.delete(\n that.id,\n {\n privateInsurancePolicyId: that.selectedPrivateInsuranceId,\n action: method,\n },\n (c) => { that.cancelPrivateInsuranceDelete = c }\n )\n .then(() => {\n that.hasPrivateInsuranceUnsavedChanges = false;\n resolve();\n })\n .catch(() => {\n reject();\n })\n .finally(() => {\n that.isSaving = false;\n })\n })\n } else {\n return Promise.resolve();\n }\n }\n\n copyAddressToRelationship = (relationship, notify) => {\n const that = this;\n\n return new Promise((resolve, reject) => {\n const index = that.relationships.findIndex(r => r.id === relationship.id);\n const newAddress = that.data.address ? JSON.parse(JSON.stringify(toJS(that.data.address))) : null;\n\n if (newAddress) {\n newAddress.id = fn.newId('adr_');\n }\n\n if (!!notify) {\n that.isSaving = true;\n }\n\n api.Customers.update(\n relationship.relatedTo.id,\n {\n addressInformation: {\n isShippingAddressSameAsHome: relationship.relatedTo.isShippingAddressSameAsHome,\n existingAddress: relationship.relatedTo.address,\n newAddress: newAddress,\n existingShippingAddress: that.data.shippingAddress,\n newShippingAddress: relationship.relatedTo.isShippingAddressSameAsHome === true ? newAddress : that.data.shippingAddress,\n }\n },\n (c) => { that.cancelAddressInformationUpdate = c }\n )\n .then(() => {\n if (index >= -1) {\n that.relationships[index].relatedTo.address = newAddress;\n }\n resolve();\n })\n .catch(() => {\n reject();\n })\n .finally(() => {\n that.isSaving = false;\n })\n })\n }\n\n copyEmailToRelationship = (relationship, notify) => {\n const that = this;\n\n return new Promise((resolve, reject) => {\n const index = that.relationships.findIndex(r => r.id === relationship.id);\n const newEmail = that.data.emailAddress ? that.data.emailAddress : null;\n\n if (!!notify) {\n that.isSaving = true;\n }\n\n api.Customers.update(\n relationship.relatedTo.id,\n {\n contactInformation: {\n emailAddress: newEmail,\n primaryPhoneNumber: relationship.relatedTo.primaryPhoneNumber,\n secondaryPhoneNumber: relationship.relatedTo.secondaryPhoneNumber,\n preferredContactMethodType: relationship.relatedTo.preferredContactMethod,\n communicationConsent: relationship.relatedTo.communicationConsent,\n primaryContactPersonId: relationship.relatedTo.primaryContactPersonId,\n emergencyContactPersonId: relationship.relatedTo.emergencyContactPersonId,\n }\n },\n (c) => { that.cancelContactInformationUpdate = c }\n )\n .then(() => {\n if (index >= -1) {\n that.relationships[index].relatedTo.emailAddress = newEmail;\n }\n resolve();\n })\n .catch(() => {\n reject();\n })\n .finally(() => {\n that.isSaving = false;\n })\n })\n }\n\n copyPhoneNumberToRelationship = (relationship, notify) => {\n const that = this;\n\n return new Promise((resolve, reject) => {\n const index = that.relationships.findIndex(r => r.id === relationship.id);\n const newPhone = that.data.primaryPhoneNumber ? JSON.parse(JSON.stringify(toJS(that.data.primaryPhoneNumber))) : null;\n\n if (newPhone) {\n newPhone.id = fn.newId('ph_');\n }\n\n if (!!notify) {\n that.isSaving = true;\n }\n\n api.Customers.update(\n relationship.relatedTo.id,\n {\n contactInformation: {\n emailAddress: relationship.relatedTo.emailAddress,\n primaryPhoneNumber: newPhone,\n secondaryPhoneNumber: relationship.relatedTo.secondaryPhoneNumber,\n preferredContactMethodType: relationship.relatedTo.preferredContactMethod,\n communicationConsent: relationship.relatedTo.communicationConsent,\n primaryContactPersonId: relationship.relatedTo.primaryContactPersonId,\n emergencyContactPersonId: relationship.relatedTo.emergencyContactPersonId,\n }\n },\n (c) => { that.cancelContactInformationUpdate = c }\n )\n .then(() => {\n if (index >= -1) {\n that.relationships[index].relatedTo.phoneNumber = newPhone.number;\n that.relationships[index].relatedTo.primaryPhoneNumber = newPhone;\n }\n resolve();\n })\n .catch(() => {\n reject();\n })\n .finally(() => {\n that.isSaving = false;\n })\n })\n }\n\n copyFamilyDoctorToRelationship = (relationship, notify) => {\n const that = this;\n\n return new Promise((resolve, reject) => {\n const index = that.relationships.findIndex(r => r.id === relationship.id);\n\n if (!!notify) {\n that.isSaving = true;\n }\n\n api.Customers.update(\n relationship.relatedTo.id,\n {\n patientInformation: {\n healthCardNumber: relationship.relatedTo.patientProfile && relationship.relatedTo.patientProfile.healthCardNumber ? relationship.relatedTo.patientProfile.healthCardNumber.replace(/[^a-zA-Z0-9]/g, '').toUpperCase() : null,\n healthCardExpiryDate: relationship.relatedTo.patientProfile && relationship.relatedTo.patientProfile.healthCardNumber ? relationship.relatedTo.patientProfile.healthCardExpiryDate : null,\n recallFrequencyInMonth: relationship.relatedTo.patientProfile && relationship.relatedTo.patientProfile.recallFrequencyInMonth ? relationship.relatedTo.patientProfile.recallFrequencyInMonth : null,\n doNotRecall: relationship.relatedTo.patientProfile && relationship.relatedTo.patientProfile.doNotRecall ? relationship.relatedTo.patientProfile.doNotRecall : false,\n isVerified: relationship.relatedTo.patientProfile && relationship.relatedTo.patientProfile.isVerified ? relationship.relatedTo.patientProfile.isVerified : false,\n verificationResponse: relationship.relatedTo.patientProfile && relationship.relatedTo.patientProfile.verificationResponse ? relationship.relatedTo.patientProfile.verificationResponse : null,\n familyDoctorId: that.patientProfile ? that.patientProfile.familyDoctorId : null,\n familyDoctorClinicId: that.patientProfile ? that.patientProfile.familyDoctorClinicId : null,\n }\n },\n (c) => { that.cancelPatientInformationUpdate = c }\n )\n .then(() => {\n if (index >= -1) {\n if (!that.relationships[index].relatedTo.patientProfile) {\n that.relationships[index].relatedTo.patientProfile = {};\n }\n\n that.relationships[index].relatedTo.patientProfile.familyDoctorId = that.patientProfile ? that.patientProfile.familyDoctorId : null;\n that.relationships[index].relatedTo.patientProfile.familyDoctor = that.patientProfile ? that.patientProfile.familyDoctor : null;\n that.relationships[index].relatedTo.patientProfile.familyDoctorClinicId = that.patientProfile ? that.patientProfile.familyDoctorClinicId : null;\n that.relationships[index].relatedTo.patientProfile.familyDoctorClinic = that.patientProfile ? that.patientProfile.familyDoctorClinic : null;\n }\n resolve();\n })\n .catch(() => {\n reject();\n })\n .finally(() => {\n that.isSaving = false;\n })\n })\n }\n\n reactivate = (notify) => {\n const that = this;\n\n return new Promise((resolve, reject) => {\n if (!!notify) {\n that.isSaving = true;\n }\n\n api.Customers.reactivate(that.id, {\n note: that.deactivateNotePreview,\n noteHtml: that.deactivateNoteBodyHtml,\n reactivatedDateUtc: moment(),\n })\n .then(() => {\n resolve();\n })\n .catch((error) => {\n reject(error);\n })\n .finally(() => {\n that.isSaving = false;\n })\n })\n }\n\n deactivate = (notify) => {\n const that = this;\n\n return new Promise((resolve, reject) => {\n if (!!that.deactivateReason) {\n // Use CustomerMergeStore instead if the reason is \"Duplicate\".\n if (that.deactivateReason.toLowerCase() !== 'duplicate') {\n if (!!notify) {\n that.isSaving = true;\n }\n\n api.Customers.deactivate(that.id, {\n reason: that.deactivateReason,\n note: that.deactivateNotePreview,\n noteHtml: that.deactivateNoteBodyHtml,\n deactivatedDateUtc: moment(),\n })\n .then(() => {\n resolve();\n })\n .catch((error) => {\n reject(error);\n })\n .finally(() => {\n that.isSaving = false;\n })\n }\n else {\n // Use CustomerMergeStore instead if the reason is \"Duplicate\".\n reject();\n }\n }\n })\n }\n\n get selectedPrivateInsurance() {\n if (this.selectedPrivateInsuranceIndex >= 0) {\n return this.privateInsurances[this.selectedPrivateInsuranceIndex];\n }\n\n return null;\n }\n\n get selectedPrivateInsuranceIndex() {\n if (this.privateInsurances && this.privateInsurances.length > 0 && this.selectedPrivateInsuranceId) {\n return this.privateInsurances.findIndex(i => i.privateInsurancePolicyId === this.selectedPrivateInsuranceId);\n }\n\n return null;\n }\n\n get hasUnsavedChanges() {\n return this.hasPersonalUnsavedChanges ||\n this.hasAddressUnsavedChanges ||\n this.hasContactUnsavedChanges ||\n this.hasPatientUnsavedChanges ||\n this.hasRelationshipUnsavedChanges ||\n this.hasRelationshipSuggestionUnsavedChanges ||\n this.hasPrivateInsuranceUnsavedChanges;\n }\n\n clear = () => {\n this.id = null;\n this.data = null;\n this.patientProfile = null;\n this.purchases.clear();\n this.appointments.clear();\n this.relationships.clear();\n this.privateInsurances.clear();\n this.isLoading = false;\n this.isReady = false;\n this.isDataReady = false;\n this.isPatientProfileReady = false;\n this.isPurchasesReady = false;\n this.isAppointmentsReady = false;\n this.isRelationshipsReady = false;\n this.isRelationshipSuggestionsReady = false;\n this.isPrivateInsuranceReady = false;\n this.selectedPrivateInsuranceId = null;\n this.clearNewAddress();\n this.clearNewShippingAddress();\n this.clearNewPrivateInsurance();\n this.clearDeactivateSettings();\n this.clearUnsavedChanges();\n\n if (fn.isFunction(this.cancelAddressInformationUpdate)) {\n this.cancelAddressInformationUpdate();\n this.cancelAddressInformationUpdate = null;\n }\n\n if (fn.isFunction(this.cancelContactInformationUpdate)) {\n this.cancelContactInformationUpdate();\n this.cancelContactInformationUpdate = null;\n }\n\n if (fn.isFunction(this.cancelCustomer)) {\n this.cancelCustomer();\n this.cancelCustomer = null;\n }\n\n if (fn.isFunction(this.cancelPrivateInsurance)) {\n this.cancelPrivateInsurance();\n this.cancelPrivateInsurance = null;\n }\n\n if (fn.isFunction(this.cancelPrivateInsuranceCreate)) {\n this.cancelPrivateInsuranceCreate();\n this.cancelPrivateInsuranceCreate = null;\n }\n\n if (fn.isFunction(this.cancelPrivateInsuranceUpdate)) {\n this.cancelPrivateInsuranceUpdate();\n this.cancelPrivateInsuranceUpdate = null;\n }\n\n if (fn.isFunction(this.cancelPrivateInsuranceDelete)) {\n this.cancelPrivateInsuranceDelete();\n this.cancelPrivateInsuranceDelete = null;\n }\n\n if (fn.isFunction(this.cancelPatientInformationUpdate)) {\n this.cancelPatientInformationUpdate();\n this.cancelPatientInformationUpdate = null;\n }\n\n if (fn.isFunction(this.cancelPatientProfile)) {\n this.cancelPatientProfile();\n this.cancelPatientProfile = null;\n }\n\n if (fn.isFunction(this.cancelPersonalInformationUpdate)) {\n this.cancelPersonalInformationUpdate();\n this.cancelPersonalInformationUpdate = null;\n }\n\n if (fn.isFunction(this.cancelRelationships)) {\n this.cancelRelationships();\n this.cancelRelationships = null;\n }\n\n if (fn.isFunction(this.cancelRelationshipsUpdate)) {\n this.cancelRelationshipsUpdate();\n this.cancelRelationshipsUpdate = null;\n }\n\n if (fn.isFunction(this.cancelRelationshipSuggestions)) {\n this.cancelRelationshipSuggestions();\n this.cancelRelationshipSuggestions = null;\n }\n\n if (fn.isFunction(this.cancelRelationshipSuggestionsUpdate)) {\n this.cancelRelationshipSuggestionsUpdate();\n this.cancelRelationshipSuggestionsUpdate = null;\n }\n }\n\n clearNewAddress = () => {\n this.newAddress = {\n geocode: null,\n streetNumber: null,\n streetName: null,\n unitSuiteType: null,\n unitSuite: null,\n line2: null,\n locality: null,\n sublocality: null,\n postalCode: null,\n region: null,\n regionCode: null,\n country: null,\n countryCode: null\n };\n }\n\n clearNewShippingAddress = () => {\n this.newShippingAddress = {\n geocode: null,\n streetNumber: null,\n streetName: null,\n unitSuiteType: null,\n unitSuite: null,\n line2: null,\n locality: null,\n sublocality: null,\n postalCode: null,\n region: null,\n regionCode: null,\n country: null,\n countryCode: null,\n }\n }\n\n clearNewPrivateInsurance = () => {\n this.newPrivateInsurance = {\n privateInsuranceProviderId: null,\n primaryPolicyHolderId: null,\n policyHolderName: null,\n memberId: null,\n planNumber: null,\n accountNumber: null,\n policyNumber: null,\n noteHtml: null,\n members: [],\n }\n }\n\n clearDeactivateSettings = () => {\n this.deactivateReason = null;\n this.deactivateNotePreview = null;\n this.deactivateNoteBodyHtml = null;\n }\n\n clearUnsavedChanges = () => {\n this.hasPersonalUnsavedChanges = false;\n this.hasAddressUnsavedChanges = false;\n this.hasContactUnsavedChanges = false;\n this.hasPatientUnsavedChanges = false;\n this.hasPrivateInsuranceUnsavedChanges = false;\n }\n}\n\ndecorate(CustomerUpdate, {\n id: observable,\n data: observable,\n loadProperties: observable,\n patientProfile: observable,\n purchases: observable.deep,\n appointments: observable.deep,\n relationships: observable.deep,\n relationshipSuggestions: observable.deep,\n privateInsurances: observable,\n newAddress: observable.deep,\n newShippingAddress: observable.deep,\n newPrivateInsurance: observable.deep,\n deactivateReason: observable,\n deactivateNotePreview: observable,\n deactivateNoteBodyHtml: observable,\n hasPersonalUnsavedChanges: observable,\n hasAddressUnsavedChanges: observable,\n hasContactUnsavedChanges: observable,\n hasPatientUnsavedChanges: observable,\n hasRelationshipUnsavedChanges: observable,\n hasRelationshipSuggestionUnsavedChanges: observable,\n hasPrivateInsuranceUnsavedChanges: observable,\n isLoading: observable,\n isReady: observable,\n isDataReady: observable,\n isPatientProfileReady: observable,\n isPurchasesReady: observable,\n isAppointmentsReady: observable,\n isRelationshipsReady: observable,\n isRelationshipSuggestionsReady: observable,\n isPrivateInsuranceReady: observable,\n selectedPrivateInsuranceId: observable,\n initialize: action,\n setPatientProfile: action,\n loadPatientProfile: action,\n setRelationships: action,\n loadRelationships: action,\n loadRelationshipSuggestions: action,\n loadInsurance: action,\n updatePersonalInformation: action,\n updateAddressInformation: action,\n addPrivateInsuranceInformation: action,\n updatePrivateInsuranceInformation: action,\n updatePrivateInsurancesDisplayOrder: action,\n deletePrivateInsuranceInformation: action,\n copyAddressToRelationship: action,\n copyEmailToRelationship: action,\n copyPhoneNumberToRelationship: action,\n copyFamilyDoctorToRelationship: action,\n reactivate: action,\n deactivate: action,\n clear: action,\n clearNewAddress: action,\n clearNewShippingAddress: action,\n clearNewPrivateInsurance: action,\n clearDeactivateSettings: action,\n clearUnsavedChanges: action,\n selectedPrivateInsurance: computed,\n selectedPrivateInsuranceIndex: computed,\n hasUnsavedChanges: computed,\n})\n\nexport default createContext(new CustomerUpdate());","import { createContext } from 'react';\nimport { decorate, observable, action, computed, toJS } from 'mobx';\nimport moment from 'moment';\n\nimport { getNewWorkOrder, getNewWorkOrderItem } from './WorkOrderCreateStore';\n\nimport api from '../api';\nimport * as StorageKeys from '../constants/storageKeys';\nimport * as fn from '../utilities/_functions';\nimport * as ph from '../utilities/personHelper';\n\nexport class PurchaseUpdateStore {\n id = null;\n cachedData = null;\n data = {\n id: null,\n createdById: null,\n createdBy: null,\n createdDateUtc: null,\n lastUpdatedDateUtc: null,\n lastAnyUpdatedDateUtc: null,\n completedDateUtc: null,\n deactivatedDateUtc: null,\n referenceId: null,\n customer: null,\n customerId: null,\n customerBasicModel: null,\n customerName: null,\n customerEmail: null,\n customerPhoneNumber: null,\n customerPreviousExam: null,\n billingAddress: null,\n shippingAddress: null,\n userId: null,\n user: null,\n number: null,\n transactions: [],\n transactionItemTypes: [],\n orderDiscountDescriptor: null,\n orderDiscountRate: null,\n orderDiscountAmount: null,\n isOrderCustomDiscount: false,\n price: 0.0,\n discountAmount: 0.0,\n subTotal: 0.0,\n subsidizedTotal: 0.0,\n taxCode1: null,\n taxRate1: null,\n taxAmount1: 0.0,\n taxCode2: null,\n taxRate2: null,\n taxAmount2: 0.0,\n taxCode3: null,\n taxRate3: null,\n taxAmount3: 0.0,\n totalTaxRates: null,\n totalTaxCodes: null,\n totalTaxAmount: 0.0,\n total: 0.0,\n totalPayable: 0.0,\n totalPaid: 0.0,\n remainingBalance: 0.0,\n insuranceInformation: null,\n toBeCollectedAmount: 0.0,\n isVoided: false,\n isWaitingToBeCollected: false,\n isPaidInFull: false,\n isNoCharge: false,\n dueDate: null,\n paidInFullDate: null,\n lastPayment: null,\n lastPaymentDate: null,\n isPayablePaidInFull: false,\n status: null,\n invoiceNumber: null,\n paymentReceiptNumber: null,\n workOrders: [],\n payments: [],\n items: [],\n referenceTypes: [],\n note: null,\n noteHtml: null,\n };\n licensedUsers = null;\n refundPaymentId = null;\n refundPayments = [];\n refundAmount = null;\n refundDate = null;\n refundMethod = null;\n refundReason = null;\n refundReasonHtml = null;\n voidReason = null;\n voidReasonHtml = null;\n noChargeReason = null;\n noChargeReasonHtml = null;\n uncollectibleReason = null;\n uncollectibleReasonHtml = null;\n verifyReturnItems = [];\n returnDestinations = [];\n expiringWorkOrders = [];\n newPaymentNote = null;\n newPaymentNoteHtml = null;\n newPaymentAmount = null;\n newPaymentDate = null;\n newPaymentMethod = null;\n newPaymentPrivateInsurancePolicyId = null;\n newPaymentGovernmentProgramId = null;\n insurancePaymentId = null;\n insuranceInformation = null;\n insuranceAmount = null;\n insurancePaymentDate = null;\n insuranceNote = null;\n insuranceNoteHtml = null;\n governmentProgramPaymentId = null;\n governmentProgramInformation = null;\n governmentProgramAmount = null;\n governmentProgramPaymentDate = null;\n governmentProgramNote = null;\n governmentProgramNoteHtml = null;\n removePaymentId = null;\n removeAmount = null;\n removePaymentMethod = null;\n removeReason = null;\n removeReasonHtml = null;\n isLoading = false;\n isSaving = false;\n isReady = false;\n isCustomerLoading = false;\n hasUnsavedChanges = false;\n\n cancelPreviousExamGet = null;\n cancelPaymentCreate = null;\n cancelPaymentDelete = null;\n cancelPaymentInsurance = null;\n cancelPaymentGovernmentProgram = null;\n cancelPaymentRefund = null;\n cancelPurchaseComplete = null;\n cancelPurchaseCreate = null;\n cancelPurchaseDelete = null;\n cancelPurchaseGet = null;\n cancelPurchaseNoCharge = null;\n cancelPurchaseUncollectible = null;\n cancelPurchaseRefund = null;\n cancelPurchaseStart = null;\n cancelPurchaseUpdate = null;\n cancelPurchaseVoid = null;\n cancelLicensedUsers = null;\n cancelPurchaseUpdateCost = null;\n\n start = (customer, user) => {\n const that = this;\n const requests = [];\n\n that.clear();\n that.data.id = fn.newId('pc_');\n that.data.invoiceDate = moment().startOf('day');\n that.data.dueDate = moment().startOf('day');\n that.data.status = 'Incomplete';\n\n if (customer) {\n requests.push(that.setCustomer(customer));\n }\n\n this.addDefaultTransactionItem();\n\n return new Promise((resolve) => {\n if (!that.isReady) {\n requests.push(that.loadLicensedUsers(user));\n Promise.all(requests);\n that.isReady = true;\n resolve();\n } else {\n resolve();\n }\n })\n }\n\n load = id => {\n if (id === this.id) return Promise.resolve();\n\n const that = this;\n this.clear();\n this.id = id;\n this.isLoading = true;\n\n return new Promise((resolve, reject) => {\n api.Purchases.get(id, (c) => { that.cancelPurchaseGet = c })\n .then(({ data }) => {\n that.data = data;\n that.cachedData = JSON.stringify(data);\n that.loadLicensedUsers(data.user, (data.reference ? data.reference.userId : null))\n .then(() => {\n resolve();\n })\n .catch(() => {\n reject();\n })\n .finally(() => {\n that.isLoading = false;\n that.isReady = true;\n })\n })\n .catch(() => {\n reject();\n })\n })\n }\n\n reload = () => {\n if (!this.id) return Promise.resolve();\n\n const id = this.id;\n this.id = null;\n\n return this.load(id);\n }\n\n loadLicensedUsers = (defaultUser, appointmentUserId) => {\n const that = this;\n this.isLoading = true;\n\n return new Promise((resolve, reject) => {\n api.TenantUsers.search({\n parameters: [{\n field: 'LicenseNumber',\n value: null,\n operator: '!=',\n }, {\n field: 'AcceptBooking',\n value: true,\n }],\n sortByFields: [{ field: 'FirstName' }, { field: 'LastName' }],\n includeTotalCount: false,\n }, (c) => { that.cancelLicensedUsers = c })\n .then(({ data }) => {\n const licensedUsers = [];\n\n licensedUsers.push({});\n\n if (defaultUser && data.result.some(r => r.id === defaultUser.id)) {\n licensedUsers.push(...data.result.filter(r => !r.isDeactivated || r.id === defaultUser.id));\n that.data.user = defaultUser;\n that.data.userId = defaultUser.id;\n } else {\n licensedUsers.push(...data.result.filter(r => !r.isDeactivated));\n }\n\n if (appointmentUserId && !licensedUsers.some(u => u.id === appointmentUserId) && data.result.some(r => r.id === appointmentUserId)) {\n licensedUsers.push(...data.result.filter(r => r.id === appointmentUserId));\n }\n\n that.licensedUsers = licensedUsers;\n resolve();\n })\n .catch(() => {\n reject();\n })\n .catch(() => {\n reject();\n })\n .finally(() => {\n that.isLoading = false;\n })\n })\n }\n\n save = (notify) => {\n const that = this;\n\n if (!!notify) {\n this.isSaving = true;\n }\n\n return new Promise((resolve, reject) => {\n let option = toJS(that.data);\n option.items = toJS(that.validItems);\n\n if (that.hasUnsavedChanges) {\n if (that.isNew) {\n api.Purchases.create(option, (c) => { that.cancelPurchaseCreate = c })\n .then(({ data }) => {\n that.hasUnsavedChanges = false;\n that.id = data.id;\n that.isSaving = false;\n that.cachedData = JSON.stringify(that.data);\n resolve({ id: data.id });\n })\n .catch(error => {\n that.isSaving = false;\n reject(error);\n })\n } else {\n option.returnDestinations = that.returnDestinations;\n api.Purchases.update(that.id, option, (c) => { that.cancelPurchaseUpdate = c })\n .then(({ data }) => {\n if (data.requiredVerification) {\n that.verifyReturnItems = data.verifyResult;\n that.returnDestinations.clear();\n that.isSaving = false;\n resolve({\n id: that.id,\n requiredVerification: data.requiredVerification\n });\n } else {\n that.replaceWorkOrders()\n .then(() => {\n that.hasUnsavedChanges = false;\n resolve({\n id: that.id,\n requiredVerification: false\n });\n })\n .finally(() => {\n that.isSaving = false;\n })\n }\n that.cachedData = JSON.stringify(that.data);\n })\n .catch(error => {\n that.isSaving = false;\n reject(error);\n })\n }\n } else {\n that.hasUnsavedChanges = false;\n that.isSaving = false;\n resolve();\n }\n })\n }\n\n replaceWorkOrders = () => {\n const that = this;\n\n if (this.hasExpiringWorkOrders) {\n return new Promise((resolve, reject) => {\n api.Purchases.get(that.id, (c) => { that.cancelPurchaseGet = c })\n .then(({ data: updatedData }) => {\n const requests = [];\n\n for (let i = 0; i < that.expiringWorkOrders.length; i++) {\n const previousWorkOrder = that.data.workOrders.filter(wo => wo.id === that.expiringWorkOrders[i].id)[0];\n const newWorkOrder = getNewWorkOrder(that.data.customerId, that.data.id);\n\n for (let ii = 0; ii < previousWorkOrder.items.length; ii++) {\n const existingTransactionItems = that.data.items.filter(ti => previousWorkOrder.items[ii].transactionItemIds.some(t => t === ti.id) && !that.expiringWorkOrders[i].items.some(e => e.previous.groupId === ti.groupId));\n const updateTransactionItems = updatedData.items.filter(ti => that.expiringWorkOrders[i].items.some(e => e.new && e.new.groupId === ti.groupId));\n\n if (existingTransactionItems && existingTransactionItems.length > 0) {\n for (let iii = 0; iii < existingTransactionItems.length; iii++) {\n const newWorkOrderItem = getNewWorkOrderItem(existingTransactionItems[iii]);\n\n newWorkOrderItem.workOrderPublishedTemplateId = previousWorkOrder.items[ii].workOrderPublishedTemplateId;\n newWorkOrderItem.displayOrder = previousWorkOrder.items[ii].displayOrder;\n newWorkOrderItem.product = null;\n newWorkOrder.items.push(newWorkOrderItem);\n }\n }\n\n if (updateTransactionItems && updateTransactionItems.length > 0) {\n for (let iiii = 0; iiii < updateTransactionItems.length; iiii++) {\n const previousWorkOrderItem = previousWorkOrder.items.filter(woi => woi.transactionItemIds.some(ti => that.expiringWorkOrders[i].items.filter(ei => !ei.new || ei.new.groupId === updateTransactionItems[iiii].groupId).some(ei => ei.previous.id === ti)))[0];\n\n if (!newWorkOrder.items.some(woi => woi.referenceId === updateTransactionItems[iiii].referenceId)) {\n const newWorkOrderItem = getNewWorkOrderItem(updateTransactionItems[iiii]);\n\n newWorkOrderItem.workOrderPublishedTemplateId = previousWorkOrderItem.workOrderPublishedTemplateId;\n newWorkOrderItem.displayOrder = previousWorkOrderItem.displayOrder;\n newWorkOrderItem.product = null;\n newWorkOrder.items.push(newWorkOrderItem);\n }\n }\n }\n }\n\n requests.push(new Promise((resolve1, reject1) => {\n if (newWorkOrder && newWorkOrder.items && newWorkOrder.items.length > 0) {\n return api.WorkOrders.create(newWorkOrder)\n .then(() => {\n api.WorkOrders.get(previousWorkOrder.id)\n .then(({ data: previousWorkOrderData }) => {\n Promise.all([\n api.WorkOrders.copy(newWorkOrder.id, { fromWorkOrderId: previousWorkOrder.id }),\n api.WorkOrders.link(newWorkOrder.id, { selectedIds: [previousWorkOrder.id], reasonHtml: '\n
\n \n \n \n
\n \n
\n \n
\n \n {\n option.icon ?\n option.icon :\n \n }\n {\n option.message ?\n option.message :\n <>Do you wish to continue?\n }\n
\n\n
\n \n \n {\n option.description ?\n option.description :\n Warning: This action cannot be undone!\n }\n \n
\n \n {\n option.renderCustomControls && fn.isFunction(option.renderCustomControls) ? option.renderCustomControls() : null\n }\n \n {option.option1Text ? option.option1Text : 'Yes'}\n \n {\n option.onOption2Click ?\n \n {option.option2Text ? option.option2Text : 'Options'}\n : null\n }\n {\n option.onOption3Click ?\n \n {option.option3Text ? option.option3Text : 'Other'}\n : null\n }\n \n {option.cancelText ? option.cancelText : 'No'}\n \n
\n Invoice updated
' }),\n api.WorkOrders.link(newWorkOrder.id, { selectedIds: (previousWorkOrderData.relatedWorkOrders && previousWorkOrderData.relatedWorkOrders.length > 0 ? previousWorkOrderData.relatedWorkOrders.map(r => { return r.id }) : []), reasonHtml: 'Same invoice
' }),\n api.WorkOrders.status(previousWorkOrder.id, { status: 'Expired', note: 'Invoice updated', noteHtml: 'Invoice updated
' })\n ])\n .then(() => {\n resolve1();\n })\n .catch(error => {\n reject1(error);\n })\n })\n .catch(error => {\n reject1(error);\n })\n })\n .catch(error => {\n reject1(error);\n })\n } else {\n api.WorkOrders.status(previousWorkOrder.id, { status: 'Expired', note: 'Invoice updated', noteHtml: 'Invoice updated
' })\n .then(() => {\n resolve1();\n })\n .catch(error => {\n reject1(error);\n })\n }\n }));\n }\n\n Promise.all(requests)\n .then(() => {\n that.expiringWorkOrders.clear();\n resolve();\n })\n .catch(error => {\n reject(error);\n })\n })\n })\n }\n else {\n return Promise.resolve();\n }\n }\n\n delete = (notify) => {\n const that = this;\n\n if (!!notify) {\n this.isSaving = true;\n }\n\n return new Promise((resolve, reject) => {\n api.Purchases.delete(that.id, (c) => { that.cancelPurchaseDelete = c })\n .then(() => {\n resolve();\n })\n .catch(error => {\n reject(error);\n })\n .finally(() => {\n that.isSaving = false;\n })\n })\n }\n\n complete = (notify) => {\n const that = this;\n\n if (!!notify) {\n this.isSaving = true;\n }\n\n return new Promise((resolve, reject) => {\n api.Purchases.complete(that.id, (c) => { that.cancelPurchaseComplete = c })\n .then(() => {\n that.data.status = 'Completed';\n resolve(that.id);\n })\n .catch(error => {\n reject(error);\n })\n .finally(() => {\n that.isSaving = false;\n })\n })\n }\n\n saveUnitCost = (notify) => {\n const that = this;\n\n if (!!notify) {\n this.isSaving = true;\n }\n\n return new Promise((resolve, reject) => {\n if (that.hasUnsavedChanges) {\n const options = {\n transactionItemCosts: that.data.items.map(i => { return { ids: i.ids, unitCost: i.unitCost } })\n };\n\n api.Purchases.updateCost(that.id, options, (c) => { that.cancelPurchaseUpdateCost = c })\n .then(() => {\n resolve(that.id);\n })\n .catch(error => {\n reject(error);\n })\n .finally(() => {\n that.isSaving = false;\n })\n } else {\n that.hasUnsavedChanges = false;\n that.isSaving = false;\n resolve();\n }\n });\n }\n\n refundPurchase = (notify) => {\n const that = this;\n\n if (!!notify) {\n this.isSaving = true;\n }\n\n return new Promise((resolve, reject) => {\n that.verifyReturnItems.clear();\n\n if (that.hasUnsavedChanges) {\n api.Purchases.refund(\n that.id,\n {\n refundPayments: that.refundPayments,\n note: {\n noteType: 'Purchase',\n preview: that.refundReason,\n bodyHtml: that.refundReasonHtml,\n },\n returnDestinations: that.returnDestinations\n },\n (c) => { that.cancelPurchaseRefund = c }\n )\n .then(({ data }) => {\n if (data.requiredVerification) {\n that.verifyReturnItems = data.verifyResult;\n that.returnDestinations.clear();\n resolve({\n id: that.id,\n requiredVerification: data.requiredVerification\n });\n } else {\n that.hasUnsavedChanges = false;\n that.clearRefund();\n that.returnDestinations.clear();\n resolve({\n id: that.id,\n requiredVerification: false\n });\n }\n })\n .catch(error => {\n reject(error);\n })\n .finally(() => {\n that.isSaving = false;\n })\n } else {\n that.hasUnsavedChanges = false;\n that.isSaving = false;\n resolve();\n }\n })\n }\n\n voidPurchase = (notify) => {\n const that = this;\n\n if (!!notify) {\n this.isSaving = true;\n }\n\n return new Promise((resolve, reject) => {\n that.verifyReturnItems.clear();\n\n if (that.hasUnsavedChanges) {\n api.Purchases.void(\n that.id,\n {\n note: {\n noteType: 'Purchase',\n preview: that.voidReason,\n bodyHtml: that.voidReasonHtml,\n },\n returnDestinations: that.returnDestinations\n },\n (c) => { that.cancelPurchaseVoid = c }\n )\n .then(({ data }) => {\n if (data.requiredVerification) {\n that.verifyReturnItems = data.verifyResult;\n that.returnDestinations.clear();\n resolve({\n id: that.id,\n requiredVerification: data.requiredVerification\n });\n } else {\n that.hasUnsavedChanges = false;\n that.clearVoid();\n that.returnDestinations.clear();\n resolve({\n id: that.id,\n requiredVerification: false\n });\n }\n })\n .catch(error => {\n reject(error);\n })\n .finally(() => {\n that.isSaving = false;\n })\n } else {\n that.hasUnsavedChanges = false;\n that.isSaving = false;\n resolve();\n }\n })\n }\n\n noChargePurchase = (notify) => {\n const that = this;\n\n if (!!notify) {\n this.isSaving = true;\n }\n\n return new Promise((resolve, reject) => {\n that.verifyReturnItems.clear();\n\n if (that.hasUnsavedChanges) {\n api.Purchases.noCharge(\n that.id,\n {\n reason: that.noChargeReason,\n reasonHtml: that.noChargeReasonHtml,\n },\n (c) => { that.cancelPurchaseNoCharge = c }\n )\n .then(({ data }) => {\n that.hasUnsavedChanges = false;\n that.clearNoCharge();\n resolve();\n })\n .catch(error => {\n reject(error);\n })\n .finally(() => {\n that.isSaving = false;\n })\n } else {\n that.hasUnsavedChanges = false;\n that.isSaving = false;\n resolve();\n }\n })\n }\n\n uncollectiblePurchase = (notify) => {\n const that = this;\n\n if (!!notify) {\n this.isSaving = true;\n }\n\n return new Promise((resolve, reject) => {\n that.verifyReturnItems.clear();\n\n if (that.hasUnsavedChanges) {\n api.Purchases.uncollectible(\n that.id,\n {\n reason: that.uncollectibleReason,\n reasonHtml: that.uncollectibleReasonHtml,\n },\n (c) => { that.cancelPurchaseUncollectible = c }\n )\n .then(({ data }) => {\n that.hasUnsavedChanges = false;\n that.clearUncollectible();\n resolve();\n })\n .catch(error => {\n reject(error);\n })\n .finally(() => {\n that.isSaving = false;\n })\n } else {\n that.hasUnsavedChanges = false;\n that.isSaving = false;\n resolve();\n }\n })\n }\n\n payment = (notify) => {\n const that = this;\n\n if (!!notify) {\n this.isSaving = true;\n }\n\n return new Promise((resolve, reject) => {\n api.Payments.create(\n {\n purchaseId: that.id,\n paymentMethod: that.newPaymentMethod,\n insurancePolicyId: that.newPaymentPrivateInsurancePolicyId,\n governmentProgramId: that.newPaymentGovernmentProgramId,\n paymentDate: that.newPaymentDate ? that.newPaymentDate.clone() : null,\n amount: that.newPaymentAmount,\n note: {\n noteType: 'TransactionPayment',\n preview: that.newPaymentNote,\n bodyHtml: that.newPaymentNoteHtml,\n },\n },\n (c) => { that.cancelPaymentCreate = c }\n )\n .then(() => {\n that.clearNewPayment();\n resolve();\n })\n .catch(error => {\n reject(error);\n })\n .finally(() => {\n that.isSaving = false;\n })\n })\n }\n\n refundPayment = (notify) => {\n const that = this;\n\n if (!!notify) {\n this.isSaving = true;\n }\n\n return new Promise((resolve, reject) => {\n api.Payments.create(\n {\n refundPaymentId: that.refundPaymentId,\n purchaseId: that.id,\n refundMethod: that.refundMethod,\n paymentDate: that.refundDate ? that.refundDate.clone() : null,\n amount: that.refundAmount * -1.0,\n note: {\n noteType: 'TransactionPayment',\n preview: that.refundReason,\n bodyHtml: that.refundReasonHtml,\n },\n },\n (c) => { that.cancelPaymentRefund = c }\n )\n .then(() => {\n that.clearRefund();\n resolve();\n })\n .catch(error => {\n reject(error);\n })\n .finally(() => {\n that.isSaving = false;\n })\n })\n }\n\n insurancePayment = (notify) => {\n const that = this;\n\n if (!!notify) {\n this.isSaving = true;\n }\n\n return new Promise((resolve, reject) => {\n api.Payments.update(\n that.insurancePaymentId,\n {\n customerId: that.data.customerId,\n amount: that.insuranceAmount,\n paymentDate: that.insurancePaymentDate ? that.insurancePaymentDate.clone() : null,\n note: {\n noteType: 'TransactionPayment',\n preview: that.insuranceNote,\n bodyHtml: that.insuranceNoteHtml,\n },\n },\n (c) => { that.cancelPaymentInsurance = c }\n )\n .then(() => {\n that.clearInsurance();\n resolve();\n })\n .catch(error => {\n reject(error);\n })\n .finally(() => {\n that.isSaving = false;\n })\n })\n }\n\n governmentProgramPayment = (notify) => {\n const that = this;\n\n if (!!notify) {\n this.isSaving = true;\n }\n\n return new Promise((resolve, reject) => {\n api.Payments.update(\n that.governmentProgramPaymentId,\n {\n customerId: that.data.customerId,\n amount: that.governmentProgramAmount,\n paymentDate: that.governmentProgramPaymentDate ? that.governmentProgramPaymentDate.clone() : null,\n note: {\n noteType: 'TransactionPayment',\n preview: that.governmentProgramNote,\n bodyHtml: that.governmentProgramNoteHtml,\n },\n },\n (c) => { that.cancelPaymentGovernmentProgram = c }\n )\n .then(() => {\n that.clearGovernmentProgram();\n resolve();\n })\n .catch(error => {\n reject(error);\n })\n .finally(() => {\n that.isSaving = false;\n })\n })\n }\n\n removePayment = (id, notify) => {\n const that = this;\n\n if (!!notify) {\n this.isSaving = true;\n }\n\n return new Promise((resolve, reject) => {\n api.Payments.delete(\n that.removePaymentId,\n {\n customerId: that.data.customerId,\n deactivatedReason: that.removeReason,\n },\n (c) => { that.cancelPaymentDelete = c }\n )\n .then(() => {\n that.clearRemove();\n resolve();\n })\n .catch(error => {\n reject(error);\n })\n .finally(() => {\n that.isSaving = false;\n })\n })\n }\n\n clearVoid = () => {\n this.voidReason = null;\n this.voidReasonHtml = null;\n }\n\n clearRefund = () => {\n this.refundPaymentId = null;\n this.refundPayments.clear();\n this.refundAmount = null;\n this.refundDate = null;\n this.refundMethod = null;\n this.refundReason = null;\n this.refundReasonHtml = null;\n }\n\n clearNoCharge = () => {\n this.noChargeReason = null;\n this.noChargeReasonHtml = null;\n }\n\n clearUncollectible = () => {\n this.uncollectibleReason = null;\n this.uncollectibleReasonHtml = null;\n }\n\n clearNewPayment = () => {\n this.newPaymentNote = null;\n this.newPaymentNoteHtml = null;\n this.newPaymentAmount = null;\n this.newPaymentDate = null;\n this.newPaymentMethod = null;\n this.newPaymentPrivateInsurancePolicyId = null;\n this.newPaymentGovernmentProgramId = null;\n }\n\n clearCustomer = () => {\n this.data.customer = null;\n this.data.customerId = null;\n this.data.customerName = null;\n this.data.customerEmail = null;\n this.data.customerPhoneNumber = null;\n this.data.customerPreviousExam = null;\n this.data.billingAddress = null;\n this.data.shippingAddress = null;\n this.data.userId = null;\n this.data.user = null;\n }\n\n clearInsurance = () => {\n this.insurancePaymentId = null;\n this.insuranceInformation = null;\n this.insuranceAmount = null;\n this.insurancePaymentDate = null;\n this.insuranceNote = null;\n this.insuranceNoteHtml = null;\n }\n\n clearGovernmentProgram = () => {\n this.governmentProgramPaymentId = null;\n this.governmentProgramInformation = null;\n this.governmentProgramAmount = null;\n this.governmentProgramPaymentDate = null;\n this.governmentProgramNote = null;\n this.governmentProgramNoteHtml = null;\n }\n\n clearRemove = () => {\n this.removePaymentId = null;\n this.removeAmount = null;\n this.removePaymentMethod = null;\n this.removeReason = null;\n this.removeReasonHtml = null;\n }\n\n clear = () => {\n this.id = null;\n this.data.id = null;\n this.data.createdById = null;\n this.data.createdBy = null;\n this.data.createdDateUtc = null;\n this.data.lastUpdatedDateUtc = null;\n this.data.lastAnyUpdatedDateUtc = null;\n this.data.completedDateUtc = null;\n this.data.deactivatedDateUtc = null;\n this.data.referenceId = null;\n this.clearCustomer();\n this.data.number = null;\n this.data.transactions = [];\n this.data.transactionItemTypes = [];\n this.data.orderDiscountDescriptor = null;\n this.data.orderDiscountRate = null;\n this.data.orderDiscountAmount = null;\n this.data.isOrderCustomDiscount = false;\n this.data.price = 0.0;\n this.data.discountAmount = 0.0;\n this.data.subTotal = 0.0;\n this.data.subsidizedTotal = 0.0;\n this.data.taxCode1 = null;\n this.data.taxRate1 = null;\n this.data.taxAmount1 = 0.0;\n this.data.taxCode2 = null;\n this.data.taxRate2 = null;\n this.data.taxAmount2 = 0.0;\n this.data.taxCode3 = null;\n this.data.taxRate3 = null;\n this.data.taxAmount3 = 0.0;\n this.data.totalTaxRates = null;\n this.data.totalTaxCodes = null;\n this.data.totalTaxAmount = 0.0;\n this.data.total = 0.0;\n this.data.totalPayable = 0.0;\n this.data.totalPaid = 0.0;\n this.data.remainingBalance = 0.0;\n this.data.insuranceInformation = null;\n this.data.toBeCollectedAmount = 0.0;\n this.data.isVoided = false;\n this.data.isWaitingToBeCollected = false;\n this.data.isPaidInFull = false;\n this.data.isNoCharge = false;\n this.data.invoiceDate = null;\n this.data.dueDate = null;\n this.data.paidInFullDate = null;\n this.data.lastPayment = null;\n this.data.lastPaymentDate = null;\n this.data.isPayablePaidInFull = false;\n this.data.status = null;\n this.data.invoiceNumber = null;\n this.data.paymentReceiptNumber = null;\n this.data.payments = [];\n this.data.items = [];\n this.data.referenceTypes = [];\n this.data.note = null;\n this.data.noteHtml = null;\n this.licensedUsers = null;\n this.clearVoid();\n this.clearNewPayment();\n this.clearRefund();\n this.clearNoCharge();\n this.clearUncollectible();\n this.clearInsurance();\n this.clearRemove();\n this.verifyReturnItems.clear();\n this.returnDestinations.clear();\n this.expiringWorkOrders.clear();\n this.hasUnsavedChanges = false;\n this.isCustomerLoading = false;\n this.isLoading = false;\n this.isSaving = false;\n this.isReady = false;\n\n if (fn.isFunction(this.cancelPreviousExamGet)) {\n this.cancelPreviousExamGet();\n this.cancelPreviousExamGet = null;\n }\n\n if (fn.isFunction(this.cancelPaymentCreate)) {\n this.cancelPaymentCreate();\n this.cancelPaymentCreate = null;\n }\n\n if (fn.isFunction(this.cancelPaymentDelete)) {\n this.cancelPaymentDelete();\n this.cancelPaymentDelete = null;\n }\n\n if (fn.isFunction(this.cancelPaymentInsurance)) {\n this.cancelPaymentInsurance();\n this.cancelPaymentInsurance = null;\n }\n\n if (fn.isFunction(this.cancelPaymentGovernmentProgram)) {\n this.cancelPaymentGovernmentProgram();\n this.cancelPaymentGovernmentProgram = null;\n }\n\n if (fn.isFunction(this.cancelPaymentRefund)) {\n this.cancelPaymentRefund();\n this.cancelPaymentRefund = null;\n }\n\n if (fn.isFunction(this.cancelPurchaseComplete)) {\n this.cancelPurchaseComplete();\n this.cancelPurchaseComplete = null;\n }\n\n if (fn.isFunction(this.cancelPurchaseCreate)) {\n this.cancelPurchaseCreate();\n this.cancelPurchaseCreate = null;\n }\n\n if (fn.isFunction(this.cancelPurchaseDelete)) {\n this.cancelPurchaseDelete();\n this.cancelPurchaseDelete = null;\n }\n\n if (fn.isFunction(this.cancelPurchaseGet)) {\n this.cancelPurchaseGet();\n this.cancelPurchaseGet = null;\n }\n\n if (fn.isFunction(this.cancelPurchaseNoCharge)) {\n this.cancelPurchaseNoCharge();\n this.cancelPurchaseNoCharge = null;\n }\n\n if (fn.isFunction(this.cancelPurchaseUncollectible)) {\n this.cancelPurchaseUncollectible();\n this.cancelPurchaseUncollectible = null;\n }\n\n if (fn.isFunction(this.cancelPurchaseRefund)) {\n this.cancelPurchaseRefund();\n this.cancelPurchaseRefund = null;\n }\n\n if (fn.isFunction(this.cancelPurchaseStart)) {\n this.cancelPurchaseStart();\n this.cancelPurchaseStart = null;\n }\n\n if (fn.isFunction(this.cancelPurchaseUpdate)) {\n this.cancelPurchaseUpdate();\n this.cancelPurchaseUpdate = null;\n }\n\n if (fn.isFunction(this.cancelPurchaseVoid)) {\n this.cancelPurchaseVoid();\n this.cancelPurchaseVoid = null;\n }\n\n if (fn.isFunction(this.cancelLicensedUsers)) {\n this.cancelLicensedUsers();\n this.cancelLicensedUsers = null;\n }\n\n if (fn.isFunction(this.cancelPurchaseUpdateCost)) {\n this.cancelPurchaseUpdateCost();\n this.cancelPurchaseUpdateCost = null;\n }\n }\n\n setCustomer = (customer) => {\n this.clearCustomer();\n\n return new Promise((resolve) => {\n if (customer) {\n const that = this;\n that.isCustomerLoading = true;\n\n api.Exams.previous({\n customerIds: [customer.id],\n dateTimeUtc: moment.utc(),\n }, c => { that.cancelPreviousExamGet = c })\n .then(({ data }) => {\n that.data.customer = customer;\n that.data.customerId = customer.id;\n that.data.customerName = ph.getFirstLastName(customer, true);\n that.data.customerEmail = customer.emailAddress;\n that.data.billingAddress = customer.address;\n that.data.customerPhoneNumber = customer.phoneNumber;\n that.data.customerPreviousExam = data && data.length === 1 ? data[0] : null;\n\n if (that.data.customerPreviousExam && that.data.customerPreviousExam.userId) {\n that.data.userId = that.data.customerPreviousExam.userId;\n }\n\n resolve();\n })\n .finally(() => {\n that.isCustomerLoading = false;\n that.cancelPreviousExamGet = null;\n })\n }\n else {\n resolve();\n }\n })\n }\n\n addDefaultTransactionItem = () => {\n this.addNewTransactionItem({\n isStocked: false,\n isOutOfStock: true,\n isFromInventory: false,\n price: null,\n descriptor: '',\n isTaxable: false,\n id: null,\n type: 'Custom',\n displayOrder: (this.data && this.data.items && this.data.items.length > 0 ? this.data.items.length * 10 : 0)\n });\n }\n\n isDefaultTransactionItem = (item) => {\n if (item) {\n return !item.descriptor && !item.unitPrice && !item.price;\n }\n\n return false;\n }\n\n getDefaultTransactionItem = () => {\n if (this.hasDefaultTransactionItem) {\n return this.data.items.filter(i => this.isDefaultTransactionItem(i));\n }\n\n return null;\n }\n\n resetDefaultTransactionItem = () => {\n if (this.hasDefaultTransactionItem) {\n const defaultTransactionItems = this.getDefaultTransactionItem();\n\n if (defaultTransactionItems.length > 1) {\n const reorderIndex = this.data.items.findIndex(i => i.id === defaultTransactionItems[0].id);\n\n for (let x = 1; x < defaultTransactionItems.length; x++) {\n const removeIndex = this.data.items.findIndex(i => i.id === defaultTransactionItems[x].id);\n this.data.items.splice(removeIndex, 1);\n }\n\n this.data.items.push(this.data.items.splice(reorderIndex, 1)[0]);\n return true;\n }\n else {\n const index = this.data.items.findIndex(i => i.id === defaultTransactionItems[0].id);\n\n if (index !== (this.data.items.length - 1)) {\n this.data.items.push(this.data.items.splice(index, 1)[0]);\n return true;\n }\n }\n\n for (let i = 0; i < this.data.items.length; i++) {\n this.data.items[i].displayOrder = i * 10;\n }\n }\n else {\n this.addDefaultTransactionItem();\n return true;\n }\n\n return false;\n }\n\n getNewTransactionItem = (item, parentGroupId = null) => {\n const id = fn.newId('tri_');\n const groupId = fn.newId('tri_g_');\n const taxRates = JSON.parse(window.localStorage.getItem(StorageKeys.TAX_RATES));\n const isOutOfStock = item.quantity && item.quantity > 0 ? item.isOutOfStock : true;\n const displayOrder = this.data && this.data.items && this.data.items.length > 0 ? this.data.items.length * 10 : 0;\n const newItem = {\n isCustomDiscount: false,\n discountAmount: 0,\n discountRate: 0,\n id: id,\n groupId: groupId,\n ids: [],\n displayOrder: displayOrder,\n isStocked: item.isStocked ? item.isStocked : false,\n isOutOfStock: isOutOfStock,\n isFromInventory: item.isStocked && !isOutOfStock,\n isFinalSale: false,\n isReturnable: false,\n items: [],\n parentGroupId: parentGroupId,\n notes: [],\n defaultQuantity: item.defaultQuantity ? item.defaultQuantity : 1,\n quantity: item.defaultQuantity ? item.defaultQuantity : 1,\n maxQuantity: item.quantity ? item.quantity : null,\n serialNumber: null,\n taxableAmount1: 0,\n taxableAmount2: 0,\n taxableAmount3: 0,\n taxCode1: taxRates && taxRates.length > 0 ? taxRates[0].code : null,\n taxCode2: taxRates && taxRates.length > 1 ? taxRates[1].code : null,\n taxCode3: taxRates && taxRates.length > 2 ? taxRates[2].code : null,\n taxRate1: taxRates && taxRates.length > 0 ? taxRates[0].rate : null,\n taxRate2: taxRates && taxRates.length > 1 ? taxRates[1].rate : null,\n taxRate3: taxRates && taxRates.length > 2 ? taxRates[2].rate : null,\n transactionId: fn.newId('tr_'),\n type: item.type,\n isNew: true,\n };\n\n switch (item.type.toLowerCase()) {\n case 'service':\n newItem.referenceId = item.id;\n newItem.referenceType = item.code;\n newItem.unitCost = 0;\n newItem.unitPrice = item.fee ? item.fee : 0;\n newItem.price = newItem.unitPrice * newItem.quantity;\n newItem.descriptor = item.name;\n newItem.overriddenDescriptor = null;\n newItem.isOverridden = false;\n newItem.isSubsidized = item.isSubsidized;\n newItem.isTaxable = item.defaultApplyTax || item.isTaxable;\n newItem.total = item.fee;\n newItem.transactionItemType = item.type;\n break;\n\n case 'product':\n newItem.referenceId = item.id;\n newItem.referenceType = item.typeName;\n newItem.unitCost = item.cost;\n newItem.unitPrice = item.price ? item.price : 0;\n newItem.price = newItem.unitPrice * newItem.quantity;\n newItem.descriptor = item.descriptor;\n newItem.overriddenDescriptor = null;\n newItem.isOverridden = false;\n newItem.overriddenDescriptor = null;\n newItem.isOverridden = false;\n newItem.isSubsidized = false;\n newItem.isTaxable = item.defaultApplyTax || item.isTaxable;\n newItem.total = item.price;\n newItem.transactionItemType = item.type;\n break;\n\n case 'custom':\n default:\n newItem.unitCost = 0;\n newItem.unitPrice = item.price ? item.price : 0;\n newItem.price = newItem.unitPrice * newItem.quantity;\n newItem.descriptor = item.descriptor;\n newItem.overriddenDescriptor = null;\n newItem.isOverridden = false;\n newItem.isSubsidized = false;\n newItem.isTaxable = item.defaultApplyTax || item.isTaxable;\n newItem.total = item.price;\n newItem.transactionItemType = 'Custom';\n break;\n }\n\n return newItem;\n }\n\n addNewTransactionItem = item => {\n const newItem = this.getNewTransactionItem(item);\n const { id } = newItem;\n\n this.data.items.push(newItem);\n\n this.updateApplyTax(id, newItem.isTaxable);\n this.updateTotal(id);\n this.updatePurchaseTotal();\n\n return id;\n }\n\n addNewTransactionSubItem = (item, parentGroupId) => {\n const newItem = this.getNewTransactionItem(item, parentGroupId);\n const { id } = newItem;\n\n for (var i = 0; i < this.data.items.length; i++) {\n if (this.data.items[i].groupId === parentGroupId) {\n this.data.items[i].items.push(newItem);\n this.updateApplyTax(id, newItem.isTaxable);\n this.updateTotal(id);\n this.updatePurchaseTotal();\n }\n }\n\n return id;\n }\n\n // when user close the popup and not saving the changes, rollback\n reloadFromCache = () => {\n if (this.cachedData) {\n this.data = JSON.parse(this.cachedData);\n }\n }\n\n removeTransactionItem = item => {\n let index = this.data.items.findIndex(i => i.id === item.id);\n\n if (index > -1) {\n this.data.items.splice(index, 1);\n this.setExpiringWorkOrders(item, null);\n } else {\n for (let i = 0; i < this.data.items.length; i++) {\n index = this.data.items[i].items.findIndex(j => j.id === item.id);\n\n if (index > -1) {\n this.data.items[i].items.splice(index, 1);\n }\n }\n }\n\n this.updateTotal(item.id);\n this.updatePurchaseTotal();\n\n return item.id;\n }\n\n replaceTransactionItem = (id, item) => {\n const newItem = this.getNewTransactionItem(item);\n\n newItem.id = id;\n\n for (let i = 0; i < this.data.items.length; i++) {\n if (this.data.items[i].id === id) {\n const previousTransactionItem = JSON.parse(JSON.stringify(this.data.items[i]));\n newItem.displayOrder = this.data.items[i].displayOrder;\n\n this.data.items[i] = newItem;\n this.data.items[i].id = fn.newId('tri_');\n this.data.items[i].groupId = fn.newId('tri_g_');\n\n for (let ii = 0; ii < this.data.items[i].items.length; ii++) {\n this.data.items[i].items[ii].parentGroupId = this.data.items[i].groupId;\n }\n\n this.setExpiringWorkOrders(previousTransactionItem, JSON.parse(JSON.stringify(this.data.items[i])));\n }\n else {\n for (let j = 0; j < this.data.items[i].items.length; j++) {\n if (this.data.items[i].items[j].id === id) {\n const previousTransactionSubItem = JSON.parse(JSON.stringify(this.data.items[i].items[j]));\n\n newItem.displayOrder = this.data.items[i].items[j].displayOrder;\n newItem.parentGroupId = this.data.items[i].items[j].parentGroupId;\n\n this.data.items[i].items[j] = newItem;\n this.data.items[i].items[j].id = fn.newId('tri_');\n this.data.items[i].items[j].groupId = fn.newId('tri_g_');\n\n this.setExpiringWorkOrders(previousTransactionSubItem, JSON.parse(JSON.stringify(this.data.items[i].items[j])));\n }\n }\n }\n }\n\n this.updateTotal(id);\n this.updatePurchaseTotal();\n }\n\n setExpiringWorkOrders = (previousTransactionItem, newTransactionItem) => {\n if (this.data && this.data.workOrders && this.data.workOrders.filter(wo => !wo.isExpired && !wo.isDeactivated).length > 0) {\n const workOrders = this.data.workOrders.filter(wo => !wo.isExpired && !wo.isDeactivated && wo.items.some(woi => woi.transactionItemIds.some(ti => ti === previousTransactionItem.id)));\n\n if (workOrders && workOrders.length > 0) {\n for (let wo = 0; wo < workOrders.length; wo++) {\n const index = this.expiringWorkOrders.findIndex(ewo => ewo.id === workOrders[wo].id);\n\n if (index >= 0) {\n this.expiringWorkOrders[index].items.push({\n previous: {\n id: previousTransactionItem.id,\n groupId: previousTransactionItem.groupId,\n },\n new: newTransactionItem ? {\n id: newTransactionItem.id,\n groupId: newTransactionItem.groupId,\n } : null\n });\n }\n else {\n this.expiringWorkOrders.push({\n id: workOrders[wo].id,\n items: [{\n previous: {\n id: previousTransactionItem.id,\n groupId: previousTransactionItem.groupId,\n },\n new: newTransactionItem ? {\n id: newTransactionItem.id,\n groupId: newTransactionItem.groupId,\n } : null\n }]\n })\n }\n }\n }\n\n for (let ewo = 0; ewo < this.expiringWorkOrders.length; ewo++) {\n this.expiringWorkOrders[ewo].items = this.expiringWorkOrders[ewo].items.filter(ei => !ei.new || this.data.items.some(i => i.groupId === ei.new.groupId));\n }\n\n this.expiringWorkOrders = this.expiringWorkOrders.filter(ewo => ewo.items && ewo.items.length > 0);\n }\n }\n\n updateUnitCost = (id, unitCost) => {\n for (let i = 0; i < this.data.items.length; i++) {\n if (this.data.items[i].id === id) {\n this.data.items[i].unitCost = unitCost;\n }\n else {\n for (let j = 0; j < this.data.items[i].items.length; j++) {\n if (this.data.items[i].items[j].id === id) {\n this.data.items[i].items[j].unitCost = unitCost;\n }\n }\n }\n }\n this.updatePurchaseTotalCost();\n }\n\n updateQuantity = (id, quantity) => {\n if (quantity >= 0) {\n for (let i = 0; i < this.data.items.length; i++) {\n if (this.data.items[i].id === id) {\n this.data.items[i].quantity = quantity === 0 ? null : quantity;\n this.data.items[i].price = quantity * (this.data.items[i].unitPrice ? this.data.items[i].unitPrice : 0);\n this.data.items[i].discountAmount = this.data.items[i].price * this.data.items[i].discountRate;\n this.data.items[i].taxableAmount1 = (this.data.items[i].isTaxable && this.data.items[i].taxRate1) ? (this.data.items[i].price - this.data.items[i].discountAmount) : 0;\n this.data.items[i].taxableAmount2 = (this.data.items[i].isTaxable && this.data.items[i].taxRate2) ? (this.data.items[i].price - this.data.items[i].discountAmount) : 0;\n this.data.items[i].taxableAmount3 = (this.data.items[i].isTaxable && this.data.items[i].taxRate3) ? (this.data.items[i].price - this.data.items[i].discountAmount) : 0;\n this.updateTotal(id);\n }\n else {\n for (let j = 0; j < this.data.items[i].items.length; j++) {\n if (this.data.items[i].items[j].id === id) {\n this.data.items[i].items[j].quantity = quantity === 0 ? null : quantity;\n this.data.items[i].items[j].price = quantity * this.data.items[i].items[j].unitPrice;\n this.data.items[i].items[j].discountAmount = this.data.items[i].items[j].price * this.data.items[i].items[j].discountRate;\n this.data.items[i].items[j].taxableAmount1 = (this.data.items[i].items[j].isTaxable && this.data.items[i].items[j].taxRate1) ? (this.data.items[i].items[j].price - this.data.items[i].items[j].discountAmount) : 0;\n this.data.items[i].items[j].taxableAmount2 = (this.data.items[i].items[j].isTaxable && this.data.items[i].items[j].taxRate2) ? (this.data.items[i].items[j].price - this.data.items[i].items[j].discountAmount) : 0;\n this.data.items[i].items[j].taxableAmount3 = (this.data.items[i].items[j].isTaxable && this.data.items[i].items[j].taxRate3) ? (this.data.items[i].items[j].price - this.data.items[i].items[j].discountAmount) : 0;\n this.updateTotal(id);\n }\n }\n }\n }\n }\n }\n\n updateDescriptor = (id, descriptor) => {\n descriptor = descriptor ? descriptor : '';\n\n for (let i = 0; i < this.data.items.length; i++) {\n if (this.data.items[i].id === id) {\n this.data.items[i].descriptor = descriptor;\n }\n else {\n for (let j = 0; j < this.data.items[i].items.length; j++) {\n if (this.data.items[i].items[j].id === id) {\n this.data.items[i].items[j].descriptor = descriptor;\n }\n }\n }\n }\n }\n\n updateIsOverridden = (id, isOverridden) => {\n isOverridden = !!isOverridden;\n\n for (let i = 0; i < this.data.items.length; i++) {\n if (this.data.items[i].id === id) {\n this.data.items[i].isOverridden = isOverridden;\n this.data.items[i].overriddenDescriptor = isOverridden ? this.data.items[i].descriptor : null;\n }\n else {\n for (let j = 0; j < this.data.items[i].items.length; j++) {\n if (this.data.items[i].items[j].id === id) {\n this.data.items[i].items[j].isOverridden = isOverridden;\n this.data.items[i].items[j].overriddenDescriptor = isOverridden ? this.data.items[i].items[j].descriptor : null;\n }\n }\n }\n }\n }\n\n updateOverriddenDescriptor = (id, overriddenDescriptor) => {\n overriddenDescriptor = overriddenDescriptor ? overriddenDescriptor : '';\n\n for (let i = 0; i < this.data.items.length; i++) {\n if (this.data.items[i].id === id) {\n this.data.items[i].overriddenDescriptor = overriddenDescriptor;\n }\n else {\n for (let j = 0; j < this.data.items[i].items.length; j++) {\n if (this.data.items[i].items[j].id === id) {\n this.data.items[i].items[j].overriddenDescriptor = overriddenDescriptor;\n }\n }\n }\n }\n }\n\n updateIsFromInventory = (id, isFromInventory) => {\n for (let i = 0; i < this.data.items.length; i++) {\n if (this.data.items[i].id === id) {\n this.data.items[i].isFromInventory = this.data.items[i].isStocked && isFromInventory;\n }\n else {\n for (let j = 0; j < this.data.items[i].items.length; j++) {\n if (this.data.items[i].items[j].id === id) {\n this.data.items[i].items[j].isFromInventory = this.data.items[i].items[j].isStocked && isFromInventory;\n }\n }\n }\n }\n }\n\n updateUnitPrice = (id, unitPrice) => {\n unitPrice = fn.parseCurrency(unitPrice, 0);\n\n for (let i = 0; i < this.data.items.length; i++) {\n if (this.data.items[i].id === id) {\n this.data.items[i].unitPrice = unitPrice;\n this.data.items[i].price = (unitPrice * (this.data.items[i].quantity ? this.data.items[i].quantity : 1));\n this.updateDiscountRate(id, this.data.items[i].discountRate);\n this.updateApplyTax(id, this.data.items[i].isTaxable);\n this.updateTotal(id);\n }\n else {\n for (let j = 0; j < this.data.items[i].items.length; j++) {\n if (this.data.items[i].items[j].id === id) {\n this.data.items[i].items[j].unitPrice = unitPrice;\n this.data.items[i].items[j].price = (unitPrice * (this.data.items[i].items[j].quantity ? this.data.items[i].items[j].quantity : 1));\n this.updateDiscountRate(id, this.data.items[i].items[j].discountRate);\n this.updateApplyTax(id, this.data.items[i].items[j].isTaxable);\n this.updateTotal(id);\n }\n }\n }\n }\n }\n\n updateIsCustomDiscount = (id, isCustomDiscount) => {\n for (let i = 0; i < this.data.items.length; i++) {\n if (this.data.items[i].id === id) {\n this.data.items[i].isCustomDiscount = isCustomDiscount;\n this.data.items[i].discountRate = null;\n this.data.items[i].discountAmount = 0;\n this.updateTotal(id);\n }\n else {\n for (let j = 0; j < this.data.items[i].items.length; j++) {\n if (this.data.items[i].items[j].id === id) {\n this.data.items[i].items[j].isCustomDiscount = isCustomDiscount;\n this.data.items[i].items[j].discountRate = null;\n this.data.items[i].items[j].discountAmount = 0;\n this.updateTotal(id);\n }\n }\n }\n }\n }\n\n updateDiscount = (id, discount) => {\n for (let i = 0; i < this.data.items.length; i++) {\n if (this.data.items[i].id === id) {\n if (fn.isNullOrUndefined(this.data.items[i].unitPrice)) {\n this.updateUnitPrice(id, 0);\n }\n this.data.items[i].discountRate = null;\n this.data.items[i].discountAmount = 0;\n this.data.items[i].discount = discount;\n this.updateApplyTax(id, this.data.items[i].isTaxable);\n this.updateTotal(id);\n }\n else {\n for (let j = 0; j < this.data.items[i].items.length; j++) {\n if (this.data.items[i].items[j].id === id) {\n if (fn.isNullOrUndefined(this.data.items[i].unitPrice)) {\n this.updateUnitPrice(id, 0);\n }\n this.data.items[i].items[j].discountRate = null;\n this.data.items[i].items[j].discountAmount = 0;\n this.data.items[i].discount = discount;\n this.updateApplyTax(id, this.data.items[i].items[j].isTaxable);\n this.updateTotal(id);\n }\n }\n }\n }\n }\n\n updateDiscountRate = (id, discountRate) => {\n for (let i = 0; i < this.data.items.length; i++) {\n if (this.data.items[i].id === id) {\n if (fn.isNullOrUndefined(this.data.items[i].unitPrice)) {\n this.updateUnitPrice(id, 0);\n }\n this.data.items[i].isCustomDiscount = false;\n this.data.items[i].discount = null;\n this.data.items[i].discountRate = discountRate;\n this.data.items[i].discountAmount = fn.roundCurrency(this.data.items[i].price * this.data.items[i].discountRate);\n this.updateApplyTax(id, this.data.items[i].isTaxable);\n this.updateTotal(id);\n }\n else {\n for (let j = 0; j < this.data.items[i].items.length; j++) {\n if (this.data.items[i].items[j].id === id) {\n if (fn.isNullOrUndefined(this.data.items[i].unitPrice)) {\n this.updateUnitPrice(id, 0);\n }\n this.data.items[i].items[j].isCustomDiscount = false;\n this.data.items[i].items[j].discount = null;\n this.data.items[i].items[j].discountRate = discountRate;\n this.data.items[i].items[j].discountAmount = fn.roundCurrency(this.data.items[i].items[j].price * this.data.items[i].items[j].discountRate);\n this.updateApplyTax(id, this.data.items[i].items[j].isTaxable);\n this.updateTotal(id);\n }\n }\n }\n }\n }\n\n updateDiscountAmount = (id, discountAmount) => {\n discountAmount = fn.parseCurrency(discountAmount, 0);\n\n for (let i = 0; i < this.data.items.length; i++) {\n if (this.data.items[i].id === id) {\n if (fn.isNullOrUndefined(this.data.items[i].unitPrice)) {\n this.updateUnitPrice(id, 0);\n }\n this.data.items[i].discount = null;\n this.data.items[i].discountRate = null;\n this.data.items[i].discountAmount = discountAmount;\n this.updateApplyTax(id, this.data.items[i].isTaxable);\n this.updateTotal(id);\n }\n else {\n for (let j = 0; j < this.data.items[i].items.length; j++) {\n if (this.data.items[i].items[j].id === id) {\n if (fn.isNullOrUndefined(this.data.items[i].unitPrice)) {\n this.updateUnitPrice(id, 0);\n }\n this.data.items[i].items[j].discount = null;\n this.data.items[i].items[j].discountRate = null;\n this.data.items[i].items[j].discountAmount = discountAmount;\n this.updateApplyTax(id, this.data.items[i].items[j].isTaxable);\n this.updateTotal(id);\n }\n }\n }\n }\n }\n\n updateApplyTax = (id, applyTax) => {\n for (let i = 0; i < this.data.items.length; i++) {\n if (this.data.items[i].id === id) {\n if (fn.isNullOrUndefined(this.data.items[i].unitPrice)) {\n this.updateUnitPrice(id, 0);\n }\n this.data.items[i].isTaxable = applyTax;\n this.data.items[i].taxableAmount1 = (this.data.items[i].isTaxable && this.data.items[i].taxRate1) ? (this.data.items[i].price - this.data.items[i].discountAmount) : 0;\n this.data.items[i].taxableAmount2 = (this.data.items[i].isTaxable && this.data.items[i].taxRate2) ? (this.data.items[i].price - this.data.items[i].discountAmount) : 0;\n this.data.items[i].taxableAmount3 = (this.data.items[i].isTaxable && this.data.items[i].taxRate3) ? (this.data.items[i].price - this.data.items[i].discountAmount) : 0;\n this.updateTotal(id);\n }\n else {\n for (let j = 0; j < this.data.items[i].items.length; j++) {\n if (this.data.items[i].items[j].id === id) {\n if (fn.isNullOrUndefined(this.data.items[i].unitPrice)) {\n this.updateUnitPrice(id, 0);\n }\n this.data.items[i].items[j].isTaxable = applyTax;\n this.data.items[i].items[j].taxableAmount1 = (this.data.items[i].items[j].isTaxable && this.data.items[i].items[j].taxRate1) ? (this.data.items[i].items[j].price - this.data.items[i].items[j].discountAmount) : 0;\n this.data.items[i].items[j].taxableAmount2 = (this.data.items[i].items[j].isTaxable && this.data.items[i].items[j].taxRate2) ? (this.data.items[i].items[j].price - this.data.items[i].items[j].discountAmount) : 0;\n this.data.items[i].items[j].taxableAmount3 = (this.data.items[i].items[j].isTaxable && this.data.items[i].items[j].taxRate3) ? (this.data.items[i].items[j].price - this.data.items[i].items[j].discountAmount) : 0;\n this.updateTotal(id);\n }\n }\n }\n }\n }\n\n updateTotal = id => {\n for (let i = 0; i < this.data.items.length; i++) {\n if (this.data.items[i].id === id) {\n this.data.items[i].totalAfterDiscount = this.data.items[i].price - this.data.items[i].discountAmount;\n }\n else {\n for (let j = 0; j < this.data.items[i].items.length; j++) {\n if (this.data.items[i].items[j].id === id) {\n this.data.items[i].items[j].totalAfterDiscount = this.data.items[i].items[j].price - this.data.items[i].items[j].discountAmount;\n }\n }\n }\n }\n\n this.updatePurchaseTotal();\n }\n\n updatePurchaseTotal = () => {\n let subTotal = 0, amountAfterDiscount = 0, discountAmount = 0, taxableAmount1 = 0, taxableAmount2 = 0, taxableAmount3 = 0, totalTaxAmount = 0, total = 0;\n\n for (let i = 0; i < this.data.items.length; i++) {\n subTotal = subTotal + (this.data.items[i].price ? this.data.items[i].price : 0);\n amountAfterDiscount = amountAfterDiscount + (this.data.items[i].totalAfterDiscount ? this.data.items[i].totalAfterDiscount : 0);\n discountAmount = discountAmount + (this.data.items[i].discountAmount ? this.data.items[i].discountAmount : 0);\n taxableAmount1 = taxableAmount1 + (this.data.items[i].taxableAmount1 ? this.data.items[i].taxableAmount1 : 0);\n taxableAmount2 = taxableAmount2 + (this.data.items[i].taxableAmount2 ? this.data.items[i].taxableAmount2 : 0);\n taxableAmount3 = taxableAmount3 + (this.data.items[i].taxableAmount3 ? this.data.items[i].taxableAmount3 : 0);\n total = total + (this.data.items[i].total ? this.data.items[i].total : 0);\n\n for (let j = 0; j < this.data.items[i].items.length; j++) {\n subTotal = subTotal + (this.data.items[i].items[j].price ? this.data.items[i].items[j].price : 0);\n amountAfterDiscount = amountAfterDiscount + (this.data.items[i].items[j].totalAfterDiscount ? this.data.items[i].items[j].totalAfterDiscount : 0);\n discountAmount = discountAmount + (this.data.items[i].items[j].discountAmount ? this.data.items[i].items[j].discountAmount : 0);\n taxableAmount1 = taxableAmount1 + (this.data.items[i].items[j].taxableAmount1 ? this.data.items[i].items[j].taxableAmount1 : 0);\n taxableAmount2 = taxableAmount2 + (this.data.items[i].items[j].taxableAmount2 ? this.data.items[i].items[j].taxableAmount2 : 0);\n taxableAmount3 = taxableAmount3 + (this.data.items[i].items[j].taxableAmount3 ? this.data.items[i].items[j].taxableAmount3 : 0);\n total = total + (this.data.items[i].items[j].total ? this.data.items[i].items[j].total : 0);\n }\n }\n\n if (this.data.orderDiscountRate) {\n this.data.orderDiscountAmount = fn.roundCurrency((amountAfterDiscount * this.data.orderDiscountRate));\n }\n\n if (this.data.orderDiscountAmount) {\n amountAfterDiscount = subTotal - this.data.orderDiscountAmount;\n discountAmount = discountAmount + this.data.orderDiscountAmount;\n }\n\n totalTaxAmount = ((taxableAmount1 * this.taxRate1) + (taxableAmount2 * this.taxRate2) + (taxableAmount3 * this.taxRate3)) - (this.data.orderDiscountAmount * (this.taxRate1 + this.taxRate2 + this.taxRate3));\n\n this.data.subTotal = subTotal ? fn.roundCurrency(subTotal) : 0;\n this.data.discountAmount = discountAmount ? fn.roundCurrency(discountAmount) : 0;\n this.data.totalTaxAmount = totalTaxAmount ? fn.roundCurrency(totalTaxAmount) : 0;\n this.data.total = fn.roundCurrency((this.data.subTotal - this.data.discountAmount + this.data.totalTaxAmount));\n this.data.remainingBalance = this.data.total - this.data.totalPaid;\n this.hasUnsavedChanges = true;\n }\n\n updatePurchaseTotalCost = () => {\n let totalCost = 0;\n\n for (let i = 0; i < this.data.items.length; i++) {\n totalCost = totalCost + ((this.data.items[i].quantity ? this.data.items[i].quantity : 1) * (this.data.items[i].unitCost ? this.data.items[i].unitCost : 0));\n\n for (let j = 0; j < this.data.items[i].items.length; j++) {\n totalCost = totalCost + ((this.data.items[i].quantity ? this.data.items[i].quantity : 1) * (this.data.items[i].items[j].unitCost ? this.data.items[i].items[j].unitCost : 0));\n }\n }\n\n this.data.totalCost = totalCost ? fn.roundCurrency(totalCost) : 0;\n this.hasUnsavedChanges = true;\n }\n\n updateReturnDestination = (groupId, value) => {\n const index = this.returnDestinations.findIndex(r => r.groupId === groupId);\n\n if (index < 0) {\n this.returnDestinations.push({\n groupId: groupId,\n returnDestination: value,\n });\n } else {\n this.returnDestinations[index].returnDestination = value;\n }\n }\n\n get taxRate1() {\n if (this.data && this.data.items) {\n for (let i = 0; i < this.data.items.length; i++) {\n if (this.data.items[i].taxRate1) {\n return this.data.items[i].taxRate1;\n }\n if (this.data.items[i].items) {\n for (let j = 0; j < this.data.items[i].items.length; j++) {\n if (this.data.items[i].items[j].taxRate1) {\n return this.data.items[i].items[j].taxRate1;\n }\n }\n }\n }\n }\n return 0;\n }\n\n get taxRate2() {\n if (this.data && this.data.items) {\n for (let i = 0; i < this.data.items.length; i++) {\n if (this.data.items[i].taxRate2) {\n return this.data.items[i].taxRate2;\n }\n if (this.data.items[i].items) {\n for (let j = 0; j < this.data.items[i].items.length; j++) {\n if (this.data.items[i].items[j].taxRate2) {\n return this.data.items[i].items[j].taxRate2;\n }\n }\n }\n }\n }\n return 0;\n }\n\n get taxRate3() {\n if (this.data && this.data.items) {\n for (let i = 0; i < this.data.items.length; i++) {\n if (this.data.items[i].taxRate3) {\n return this.data.items[i].taxRate3;\n }\n if (this.data.items[i].items) {\n for (let j = 0; j < this.data.items[i].items.length; j++) {\n if (this.data.items[i].items[j].taxRate3) {\n return this.data.items[i].items[j].taxRate3;\n }\n }\n }\n }\n }\n return 0;\n }\n\n get totalTaxRate() {\n return (this.taxRate1 + this.taxRate2 + this.taxRate3);\n }\n\n get isNew() {\n return this.id === null;\n }\n\n get payments() {\n if (!this.data) return [];\n return this.data.transactions(t => t.payments)\n }\n\n get hasDefaultTransactionItem() {\n return this.data && this.data.items && this.data.items.some(i => this.isDefaultTransactionItem(i));\n }\n\n get validItems() {\n if (!this.data || !this.data.items || !this.data.items.some(i => !this.isDefaultTransactionItem(i))) return [];\n return this.data.items.filter(i => !this.isDefaultTransactionItem(i));\n }\n\n get hasExpiringWorkOrders() {\n return this.expiringWorkOrders && this.expiringWorkOrders.length > 0;\n }\n}\n\ndecorate(PurchaseUpdateStore, {\n id: observable,\n data: observable,\n licensedUsers: observable,\n isNew: computed,\n isLoading: observable,\n isSaving: observable,\n isReady: observable,\n isCustomerLoading: observable,\n hasUnsavedChanges: observable,\n refundPaymentId: observable,\n refundPayments: observable,\n refundAmount: observable,\n refundDate: observable,\n refundMethod: observable,\n refundReason: observable,\n refundReasonHtml: observable,\n voidReason: observable,\n voidReasonHtml: observable,\n noChargeReason: observable,\n noChargeReasonHtml: observable,\n uncollectibleReason: observable,\n uncollectibleReasonHtml: observable,\n verifyReturnItems: observable,\n returnDestinations: observable,\n expiringWorkOrders: observable,\n newPaymentNote: observable,\n newPaymentNoteHtml: observable,\n newPaymentAmount: observable,\n newPaymentDate: observable,\n newPaymentMethod: observable,\n newPaymentPrivateInsurancePolicyId: observable,\n newPaymentGovernmentProgramId: observable,\n insurancePaymentId: observable,\n insuranceInformation: observable,\n insuranceAmount: observable,\n insurancePaymentDate: observable,\n insuranceNote: observable,\n insuranceNoteHtml: observable,\n governmentProgramPaymentId: observable,\n governmentProgramInformation: observable,\n governmentProgramAmount: observable,\n governmentProgramPaymentDate: observable,\n governmentProgramNote: observable,\n governmentProgramNoteHtml: observable,\n removePaymentId: observable,\n removeAmount: observable,\n removePaymentMethod: observable,\n removeReason: observable,\n removeReasonHtml: observable,\n load: action,\n reload: action,\n save: action,\n replaceWorkOrders: action,\n delete: action,\n clear: action,\n clearVoid: action,\n clearRefund: action,\n clearNoCharge: action,\n clearUncollectible: action,\n clearNewPayment: action,\n clearCustomer: action,\n clearInsurance: action,\n clearGovernmentProgram: action,\n clearRemove: action,\n setCustomer: action,\n voidPurchase: action,\n refundPurchase: action,\n noChargePurchase: action,\n uncollectiblePurchase: action,\n saveUnitCost: action,\n payment: action,\n refundPayment: action,\n insurancePayment: action,\n governmentProgramPayment: action,\n addDefaultTransactionItem: action,\n isDefaultTransactionItem: action,\n getDefaultTransactionItem: action,\n resetDefaultTransactionItem: action,\n getNewTransactionItem: action,\n addNewTransactionItem: action,\n addNewTransactionSubItem: action,\n reloadFromCache: action,\n removeTransactionItem: action,\n replaceTransactionItem: action,\n updateUnitCost: action,\n updateQuantity: action,\n updateDescriptor: action,\n updateIsOverridden: action,\n updateOverriddenDescriptor: action,\n updateUnitPrice: action,\n updateIsCustomDiscount: action,\n updateDiscount: action,\n updateDiscountRate: action,\n updateDiscountAmount: action,\n updateApplyTax: action,\n updateTotal: action,\n updatePurchaseTotal: action,\n updatePurchaseTotalCost: action,\n updateReturnDestination: action,\n taxRate1: computed,\n taxRate2: computed,\n taxRate3: computed,\n hasDefaultTransactionItem: computed,\n validItems: computed,\n hasExpiringWorkOrders: computed,\n})\n\nexport default createContext(new PurchaseUpdateStore()); \n","import React from 'react';\nimport moment from 'moment';\n\nimport { downloadFile, printFile } from '../components/views/_shared/FileViewer';\n\nimport * as fn from './_functions';\nimport * as ah from './accessHelper';\nimport * as sh from './signatureHelper';\nimport * as AccessType from '../constants/accessTypes'\n\nimport api from '../api';\n\nexport const PRESCRIPTION_SIGNATURE_CANVAS_WIDTH = sh.SIGNATURE_CANVAS_WIDTH;\nexport const PRESCRIPTION_SIGNATURE_CANVAS_HEIGHT = sh.SIGNATURE_CANVAS_HEIGHT;\nexport const PRESCRIPTION_SIGNATURE_DEMO = {\n fullName: 'Dr. John Johnstone',\n licenseNumber: '0012345'\n};\n\nconst PRESCRIPTION_SIGNATURE_LINE_POS_Y_PERCENTAGE = 0.7;\n\nexport const PRINT_MESSAGE = <>\nGenerating...
\nPlease wait while we generate the prescription.
\n;\n\nexport const getSignatureLineBase64 = (user, signed, options) => {\n let result, emptySignatureLine;\n const canvas = document.createElement('canvas');\n const context = canvas.getContext('2d');\n const defaults = {\n lineColor: '#000000',\n lineWidth: 1,\n textColor: '#000000',\n textFont: 'arial',\n textFontSize: 13,\n descriptionColor: '#000000',\n descriptionFont: 'arial',\n descriptionFontSize: 11,\n scale: 1.0,\n signedCallback: null,\n };\n options = { ...defaults, ...options }\n\n const height = PRESCRIPTION_SIGNATURE_CANVAS_HEIGHT * options.scale;\n const width = PRESCRIPTION_SIGNATURE_CANVAS_WIDTH * options.scale;\n const linePositionY = height * PRESCRIPTION_SIGNATURE_LINE_POS_Y_PERCENTAGE;\n\n options.lineWidth = options.lineWidth * options.scale;\n options.textFontSize = options.textFontSize * options.scale;\n options.descriptionFontSize = options.descriptionFontSize * options.scale;\n\n canvas.width = width;\n canvas.height = height;\n\n // Draw signature line\n context.strokeStyle = options.lineColor;\n context.lineWidth = options.lineWidth;\n context.beginPath();\n context.moveTo(0, linePositionY);\n context.lineTo(canvas.width, linePositionY);\n context.stroke();\n\n if (user) {\n let indentX = options.textFontSize;\n let textY = (linePositionY + (options.textFontSize + options.lineWidth + (options.textFontSize)));\n\n\n context.font = `${options.textFontSize}px ${options.textFont}`;\n context.fillStyle = options.textColor;\n context.fillText(`${user.fullName}`, indentX, textY);\n\n if (user.licenseNumber) {\n let licenseY = textY + options.textFontSize;\n\n context.fillStyle = options.textColor;\n context.fillText(`License number: ${user.licenseNumber}`, indentX, licenseY);\n }\n }\n\n emptySignatureLine = canvas.toDataURL('image/png');\n\n if (signed && user.signature) {\n const signedCanvas = document.createElement('canvas');\n const signedContext = signedCanvas.getContext('2d');\n const signatureLineImg = new Image(width, height);\n const signatureImg = new Image(width, height);\n let signatureLineImgLoaded = false;\n let signatureImgLoaded = false;\n\n signatureLineImg.src = emptySignatureLine;\n signatureImg.src = user.signature;\n\n signedCanvas.width = width;\n signedCanvas.height = height;\n\n signatureLineImg.onload = () => {\n signedContext.drawImage(signatureLineImg, 0, 0, width, height);\n signatureLineImgLoaded = true;\n\n if (signatureLineImgLoaded && signatureImgLoaded) {\n result = signedCanvas.toDataURL('image/png');\n\n if (options.signedCallback && fn.isFunction(options.signedCallback)) {\n options.signedCallback(result);\n }\n }\n }\n\n signatureImg.onload = () => {\n signedContext.drawImage(signatureImg, 0, 0, width, height);\n signatureImgLoaded = true;\n\n if (signatureLineImgLoaded && signatureImgLoaded) {\n result = signedCanvas.toDataURL('image/png');\n\n if (options.signedCallback && fn.isFunction(options.signedCallback)) {\n options.signedCallback(result);\n }\n }\n }\n } else {\n result = emptySignatureLine;\n }\n\n return result;\n}\n\nexport const getFilename = (prescription) => {\n return `${fn.urlFriendly(`${prescription.customer.initials}-${prescription.prescriptionType.name}-${moment.utc(prescription.createdDateUtc).local().format('YYYYMMDD')}`)}.pdf`;\n}\n\nexport const getLatestPrescription = (prescription, isGeneratingPrintCallback, reprint = false) => {\n return new Promise((resolve) => {\n if (prescription) {\n const option = {\n documentType: 'Prescription',\n customerId: prescription.customer.id,\n referenceId1: prescription.id,\n referenceDateTimeUtc: prescription.lastUpdatedDateUtc ? prescription.lastUpdatedDateUtc : prescription.createdDateUtc,\n };\n\n api.PrintedDocuments.search({\n parameters: [\n { field: 'Type', value: option.documentType },\n { field: 'CustomerId', value: option.customerId },\n { field: 'ReferenceId1', value: option.referenceId1 },\n { field: 'ReferenceDateTimeUtc', value: option.referenceDateTimeUtc },\n { field: 'DeactivatedDateUtc', value: null },\n ],\n sortByFields: [{ field: 'CreatedDateUtc', direction: 'DESC' }],\n offset: 0, limit: 1, includeTotalCount: false,\n })\n .then(({ data }) => {\n let lastPrescription = data.result && data.result.length > 0 ? data.result[0] : null;\n\n if (!lastPrescription || reprint) {\n if (isGeneratingPrintCallback) {\n isGeneratingPrintCallback(true);\n }\n\n api.PrintedDocuments.print(option)\n .then(({ data }) => {\n api.PrintedDocuments.get(data.id)\n .then(({ data: printedDocumentData }) => {\n if (isGeneratingPrintCallback) {\n isGeneratingPrintCallback(false);\n }\n lastPrescription = printedDocumentData;\n resolve(lastPrescription);\n })\n })\n } else {\n resolve(lastPrescription);\n }\n })\n }\n })\n}\n\nexport const regenerate = (prescription, fileViewer, isGeneratingPrintCallback) => {\n getLatestPrescription(prescription, isGeneratingPrintCallback, true)\n .then((printedDocument) => {\n fileViewer.initialize(() => {\n return\n {prescription.customer.fullName}'s {prescription.prescriptionType.name} Prescription\n {fn.formatFullDateWithOrWithoutYear(moment.utc(prescription.createdDateUtc).local())}\n
\n }, 'printedDocument', [printedDocument], 0, prescription.customer.id)\n })\n}\n\nexport const view = (prescription, fileViewer, isGeneratingPrintCallback) => {\n getLatestPrescription(prescription, isGeneratingPrintCallback)\n .then((printedDocument) => {\n fileViewer.initialize(() => {\n return \n {prescription.customer.fullName}'s {prescription.prescriptionType.name} Prescription\n {fn.formatFullDateWithOrWithoutYear(moment.utc(prescription.createdDateUtc).local())}\n
\n }, 'printedDocument', [printedDocument], 0, prescription.customer.id)\n })\n}\n\nexport const download = (prescription, isGeneratingPrintCallback, downloadCallback) => {\n getLatestPrescription(prescription, isGeneratingPrintCallback)\n .then((printedDocument) => {\n downloadFile('printedDocument', printedDocument.fileName, printedDocument.id, null, downloadCallback);\n })\n}\n\nexport const print = (prescription, isGeneratingPrintCallback) => {\n getLatestPrescription(prescription, isGeneratingPrintCallback)\n .then((printedDocument) => {\n api.PrintedDocuments.download(printedDocument.id)\n .then(({ data }) => {\n printFile(URL.createObjectURL(data), printedDocument.mimeType);\n })\n })\n}\n\nexport const email = (prescription, communication, isGeneratingPrintCallback) => {\n return new Promise((resolve) => {\n getLatestPrescription(prescription, isGeneratingPrintCallback)\n .then((printedDocument) => {\n communication.initialize(\n 'email',\n 'Prescription',\n prescription.id,\n [printedDocument],\n prescription.customer.id,\n prescription.customer.defaultEmailAddressContact,\n )\n .then(() => {\n resolve();\n })\n })\n })\n}\n\nexport const fax = (prescription, communication, isGeneratingPrintCallback) => {\n return new Promise((resolve) => {\n getLatestPrescription(prescription, isGeneratingPrintCallback)\n .then((printedDocument) => {\n communication.initialize(\n 'fax',\n 'Prescription',\n prescription.id,\n [printedDocument],\n prescription.customer.id,\n )\n .then(() => {\n resolve();\n })\n })\n })\n}\n\nexport const canUpdate = (prescription) => {\n return !prescription.writtenById || ah.sameUser(prescription.writtenById);\n}\n\nexport const canClone = (prescription) => {\n return !!prescription.writtenById && ah.check(AccessType.SYSTEM_CAN_PRESCRIBE);\n}\n\nexport const getStatus = (prescription) => {\n if (!prescription) return;\n\n if (!!prescription.isOutsidePrescription) {\n return 'Outside';\n }\n if (isDraft(prescription)) {\n return 'Draft';\n }\n if (isSigned(prescription)) {\n return 'Signed';\n }\n if (isPending(prescription)) {\n return 'Pending';\n }\n if (isFinalized(prescription)) {\n return 'Finalized';\n }\n}\n\nexport const isDraft = (prescription) => {\n if (!prescription) return false;\n return !prescription.isOutsidePrescription && !prescription.requestFinalizeDateUtc && !prescription.finalizedDateUtc;\n}\n\nexport const isSigned = (prescription) => {\n if (!prescription) return false;\n return !prescription.isOutsidePrescription && !!prescription.finalizedDateUtc && !!prescription.signedDateUtc;\n}\n\nexport const isFinalized = (prescription) => {\n if (!prescription) return false;\n return !prescription.isOutsidePrescription && !!prescription.finalizedDateUtc;\n}\n\nexport const isPending = (prescription) => {\n if (!prescription) return false;\n return !prescription.isOutsidePrescription && !!prescription.requestFinalizeDateUtc && !prescription.finalizedDateUtc;\n}","import React, { Fragment } from 'react';\nimport ReactDOM from 'react-dom';\nimport moment from 'moment';\n\nimport * as fn from './_functions';\nimport * as bh from './badgeHelper';\n\n// In this first release of online booking, there'll be only one item in booking; so the isPrimaryContact field is not used\nexport const getBookingPrimaryContact = (booking) => {\n const item = booking.items.find(i => i.isPrimaryContact)\n if (!!item)\n return item;\n\n return booking.items[0];\n}\n\nexport const renderPendingBookingEvent = (event, element, slotDuration, onClick, onDoubleClick) => {\n const eventContainer = document.createElement('div');\n const { extendedProps } = event;\n const booking = extendedProps.booking;\n let size = '';\n\n eventContainer.classList.add(...Array.from(element.classList));\n eventContainer.classList.add('online-booking-event');\n\n if (booking.duration < slotDuration) {\n size = 'event-sm';\n } else if (booking.duration >= slotDuration && booking.duration < (slotDuration * 2)) {\n size = 'event-md';\n } else if (booking.duration >= (slotDuration * 2) && booking.duration < (slotDuration * 4)) {\n size = 'event-lg';\n } else {\n size = 'event-xl';\n }\n\n ReactDOM.render(\n onClick(e, event) : null}\n onDoubleClick={fn.isFunction(onDoubleClick) ? e => onDoubleClick(e, booking) : null}\n >\n \n \n {booking.title}\n \n {\n booking.items.map((s, si) => {\n return
\n
\n , eventContainer);\n\n return eventContainer;\n}\n\nexport const renderOfferTimeslotEvent = (event, element, slotDuration, onClick, onDoubleClick) => {\n const eventContainer = document.createElement('div');\n const { extendedProps } = event;\n const timeslot = extendedProps.appointmentOfferTimeslot;\n const duration = timeslot.duration ? timeslot.duration : moment(event.end).diff(moment(event.start), 'minutes');\n let size = '';\n\n eventContainer.classList.add(...Array.from(element.classList));\n eventContainer.classList.add('appointment-offer-event');\n\n if (duration < slotDuration) {\n size = 'event-sm';\n } else if (duration >= slotDuration && duration < (slotDuration * 2)) {\n size = 'event-md';\n } else if (duration >= (slotDuration * 2) && duration < (slotDuration * 4)) {\n size = 'event-lg';\n } else {\n size = 'event-xl';\n }\n\n ReactDOM.render(\n \n \n {booking.title}\n \n {\n booking.items.map((s, si) => {\n return \n {bh.renderBookingType(s.bookingType)}\n \n })\n }\n
\n \n \n {fn.formatTime(booking.start, booking.end)}\n \n
\n onClick(e, event) : null}\n onDoubleClick={fn.isFunction(onDoubleClick) ? e => onDoubleClick(e, timeslot) : null}\n >\n
\n , eventContainer);\n\n return eventContainer;\n}\n\nexport const renderTimeslotScheduleEvent = (event, element, currentTimeslotScheduleId, onClick, onDoubleClick) => {\n const eventContainer = document.createElement('div');\n const { extendedProps } = event;\n const { timeslotSchedule } = extendedProps;\n\n eventContainer.classList.add(...Array.from(element.classList));\n eventContainer.classList.add('timeslot-schedule-event');\n\n ReactDOM.render(\n <>\n \n \n {event.title}\n \n
\n\n {'(' + (timeslot.duration ? fn.formatTime(timeslot.start, timeslot.start.clone().add(timeslot.duration, 'minutes')) : (timeslot.start.format('h:mm a'))) + ')'}\n
\n \n {\n timeslotSchedule.bookingTypes.map((a, ai) => {\n return \n {bh.renderBookingType(a)}\n \n })\n }\n
\n \n {fn.formatTimeFromToHtml(moment(timeslotSchedule.startDateTime), moment(timeslotSchedule.endDateTime))}\n
\n \n ,\n eventContainer\n );\n\n return eventContainer;\n}","import React from 'react';\nimport { useObserver } from 'mobx-react-lite';\n\nfunction QuickDrawerHeader(props) {\n return useObserver(() => <>\n \n
\n )\n}\n\nexport default QuickDrawerHeader;","import React, { useContext } from 'react';\nimport { useObserver } from 'mobx-react-lite';\nimport FadeIn from 'react-fade-in';\nimport { GlobalHotKeys } from 'react-hotkeys';\n\nimport QuickDrawerHeader from './QuickDrawerHeader';\nimport QuickDrawerStore from '../../../stores/QuickDrawerStore';\n\nimport * as fn from '../../../utilities/_functions';\n\nfunction QuickDrawerAccessDenied(props) {\n const quickDrawer = useContext(QuickDrawerStore);\n\n return useObserver(() => <>\n <>\n {\n (props.drawer === quickDrawer.drawerOpened) ?\n \n \n \n \n
\n \n \n
\n \n {props.action}\n {props.category}\n
\n Customer created.
);\n\n if (props.onCancel && fn.isFunction(props.onCancel)) {\n props.onCancel();\n }\n }\n })\n }\n }\n\n const handleResourceChange = ({ id }) => {\n appointment.data.userId = id;\n appointment.data.duration = appointment.recommendedDuration;\n appointment.hasUnsavedChanges = true;\n checkConflicts();\n }\n\n const handleDatePickerDisplay = event => {\n setStartTimePickerOpen(false);\n setEndTimePickerOpen(false);\n if (!datePickerOpen) {\n setDatePickerOpen('date');\n }\n }\n\n const handleDatePickerChange = value => {\n const newStart = moment(`${moment(value).format('YYYY-MM-DD')} ${appointment.data.start.format('h:mm a')}`, 'YYYY-MM-DD h:mm a');\n appointment.data.start = newStart;\n appointment.hasUnsavedChanges = true;\n checkConflicts();\n checkEligibility();\n setDatePickerOpen(false);\n }\n\n const handleStartTimePickerDisplay = event => {\n setDatePickerOpen(false);\n setEndTimePickerOpen(false);\n if (!startTimePickerOpen) {\n setStartTimePickerOpen('time');\n startTimePickerTimer.current = setTimeout(() => {\n const picker = document.querySelector('#startTimePicker .rw-state-selected');\n if (picker) {\n picker.focus();\n } // UI HACK: need to pass focus to the selected item otherwise mouse scroll and then click will cause focus to trigger.\n }, 300)\n }\n }\n\n const handleStartTimePickerChange = value => {\n const newStart = moment(`${appointment.data.start.format('YYYY-MM-DD')} ${moment(value).format('h:mm a')}`, 'YYYY-MM-DD h:mm a');\n appointment.data.start = newStart;\n appointment.hasUnsavedChanges = true;\n checkConflicts();\n setStartTimePickerOpen(false);\n }\n\n const handleEndTimePickerDisplay = event => {\n setDatePickerOpen(false);\n setStartTimePickerOpen(false);\n if (!endTimePickerOpen) {\n setEndTimePickerOpen('time');\n endTimePickerTimer.current = setTimeout(() => {\n const picker = document.querySelector('#endTimePicker .rw-state-selected');\n if (picker) {\n picker.focus();\n } // UI HACK: need to pass focus to the selected item otherwise mouse scroll and then click will cause focus to trigger.\n }, 300)\n }\n }\n\n const handleEndTimePickerChange = value => {\n const start = appointment.data.start.clone();\n const newEnd = moment(`${appointment.end.format('YYYY-MM-DD')} ${moment(value).format('h:mm a')}`, 'YYYY-MM-DD h:mm a');\n const duration = newEnd.diff(start, 'minutes');\n appointment.data.duration = duration;\n appointment.hasUnsavedChanges = true;\n checkConflicts();\n setEndTimePickerOpen(false);\n }\n\n const handleNewCustomer = event => {\n if (!newCustomer.isReady) {\n newCustomer.initialize(false);\n }\n setExistingCustomerData(null);\n setCustomerSearchResult(null);\n setAppointmentNotes([]);\n quickDrawer.activateQuickDrawer('customer', 'create', null, handleNewCustomerSuccess, handleNewCustomerCancel);\n }\n\n const handleNewCustomerSuccess = customer => {\n setNewCustomerData(customer.data);\n setExistingCustomerData(null);\n setCustomerSearchResult(null);\n setAppointmentNotes([]);\n appointment.hasUnsavedChanges = true;\n }\n\n const handleNewCustomerCancel = event => {\n if (newCustomerData) {\n newCustomer.data = newCustomerData;\n } else {\n newCustomer.clear();\n }\n }\n\n const handleUpdateExistingCustomer = event => {\n if (existingCustomerData) {\n updateCustomer.initialize(existingCustomerData.id);\n quickDrawer.activateQuickDrawer('customer', 'personal', null, handleExistingCustomerSuccess, handleExistingCustomerCancel);\n }\n }\n\n const handleExistingCustomerSuccess = ({ updated }) => {\n if (updated) {\n api.Customers.get(existingCustomerData.id)\n .then(({ data }) => {\n handleCustomerSearchClick(data);\n })\n appointment.hasUnsavedChanges = true;\n }\n updateCustomer.clear();\n }\n\n const handleExistingCustomerCancel = event => {\n if (newCustomerData) {\n newCustomer.data = newCustomerData;\n } else {\n updateCustomer.clear();\n }\n }\n\n const handleCustomerSearchChange = (event, term) => {\n if (newCustomerData || existingCustomerData) {\n setNewCustomerData(null);\n setExistingCustomerData(null);\n setAppointmentNotes([]);\n }\n\n if (searchTimer.current) {\n clearTimeout(searchTimer.current);\n }\n\n if (term && term.length >= 2) {\n api.Customers.fullSearch(term, false, false, 5)\n .then(({ data }) => {\n if (isMounted.current) {\n setCustomerSearchResult(data.result);\n }\n })\n } else {\n setCustomerSearchResult(null);\n }\n setEligibles(null);\n setIneligibles(null);\n }\n\n const handleCustomerSearchClick = customer => {\n const requests = [];\n\n newAppointmentCustomerFilterRef.current.isLoading(true);\n setCustomerSearchResult(null);\n\n api.Customers.get(customer.id)\n .then(({ data: customerData }) => {\n requests.push(\n api.Notes.search({\n parameters: [\n {\n field: 'CustomerId',\n value: customer.id,\n },\n {\n field: 'DeactivatedDateUtc',\n value: null,\n },\n ],\n }));\n\n if (customer.patientProfileId) {\n requests.push(api.PatientProfiles.get(customer.patientProfileId));\n }\n\n Promise.all(requests)\n .then(response => {\n if (isMounted.current) {\n const noteData = (response[0].data.result ? response[0].data.result : []).concat(appointmentNotes);\n const patientProfileData = (customer.patientProfileId && response[1] && response[1].data ? response[1].data : null);\n const notes = noteData.sort((a, b) => { return new Date(a.createdDateUtc).getTime() - new Date(b.createdDateUtc).getTime() });\n\n customerData.patientProfile = patientProfileData;\n customerData.notes = notes;\n\n newAppointmentCustomerFilterRef.current.isLoading(false);\n\n setExistingCustomerData(customerData);\n setNewCustomerData(null);\n setAppointmentNotes([]);\n\n appointment.data.customerId = customerData.id;\n appointment.hasUnsavedChanges = true;\n }\n })\n })\n }\n\n const handleNewNote = event => {\n newNote.initialize(getCustomer(), 'appointment', 'appointment', appointment.id, false);\n quickDrawer.activateQuickDrawer('note', 'create', null, handleNewNoteSuccess);\n }\n\n const handleNewNoteSuccess = (result) => {\n if (result && result.updated) {\n const notes = appointmentNotes;\n const note = result.data;\n\n appointment.data.notes.push(note);\n appointment.hasUnsavedChanges = true;\n notes.push(note);\n\n setAppointmentNotes(notes);\n\n if (newCustomerData) {\n newCustomerData.notes.push(note);\n setNewCustomerData(newCustomerData);\n appointment.hasUnsavedChanges = true;\n }\n\n if (existingCustomerData) {\n existingCustomerData.notes.push(note);\n setExistingCustomerData(existingCustomerData);\n appointment.hasUnsavedChanges = true;\n }\n }\n }\n\n const handleServiceSelection = (tag, metadata) => {\n switch (metadata.action) {\n case 'insert':\n if (!appointment.data.services.some(s => s.id === metadata.dataItem.id)) {\n appointment.data.services.push({\n id: metadata.dataItem.id,\n code: metadata.dataItem.code,\n name: metadata.dataItem.code,\n duration: metadata.dataItem.duration,\n isRepeatable: metadata.dataItem.isRepeatable,\n userOverrides: metadata.dataItem.userOverrides\n });\n }\n break;\n\n case 'remove':\n const index = appointment.data.services.findIndex(s => s.id === metadata.dataItem.id);\n if (index !== -1) {\n appointment.data.services.splice(index, 1);\n }\n break;\n\n default:\n break;\n }\n\n appointment.data.duration = appointment.recommendedDuration;\n appointment.hasUnsavedChanges = true;\n checkConflicts();\n checkEligibility();\n }\n\n const handleDurationChange = event => {\n appointment.data.duration = parseInt(event.target.value, 10);\n appointment.hasUnsavedChanges = true;\n }\n\n const handleDurationBlur = event => {\n if (appointment.hasUnsavedChanges) {\n checkConflicts();\n }\n }\n\n const handleRepeatTypeChange = event => {\n const repeatType = event.target.value;\n\n appointment.data.repeatType = repeatType;\n\n if (repeatType) {\n switch (repeatType.toLowerCase()) {\n case 'weekly':\n appointment.data.repeatUntil = appointment.data.start.clone().add(1, 'weeks');\n appointment.data.repeatTotal = 2;\n break;\n\n case 'biweekly':\n appointment.data.repeatUntil = appointment.data.start.clone().add(2, 'weeks');\n appointment.data.repeatTotal = 2;\n break;\n\n case 'monthly':\n appointment.data.repeatUntil = appointment.data.start.clone().add(1, 'months');\n appointment.data.repeatTotal = 2;\n break;\n\n case 'yearly':\n appointment.data.repeatUntil = appointment.data.start.clone().add(1, 'years');\n appointment.data.repeatTotal = 2;\n break;\n\n default:\n appointment.data.repeatUntil = null;\n appointment.data.repeatTotal = null;\n }\n } else {\n appointment.data.repeatUntil = null;\n appointment.data.repeatTotal = null;\n }\n appointment.hasUnsavedChanges = true;\n }\n\n const handleRepeatUtilChange = value => {\n let total = 2;\n const start = isMoment(appointment.data.start) ? appointment.data.start.clone() : moment(appointment.data.start);\n const until = value ? moment(value) : start.clone();\n\n if (appointment.data.repeatType) {\n switch (appointment.data.repeatType.toLowerCase()) {\n case 'weekly':\n total = Math.floor(until.clone().diff(start.clone(), 'week')) + 1;\n break;\n\n case 'biweekly':\n total = Math.floor((until.clone().diff(start.clone(), 'week')) / 2) + 1;\n break;\n\n case 'monthly':\n total = Math.floor(until.clone().diff(start.clone(), 'month')) + 1;\n break;\n\n case 'yearly':\n total = Math.floor(until.clone().diff(start.clone(), 'year')) + 1;\n break;\n\n default:\n break;\n }\n }\n\n appointment.data.repeatUntil = until;\n appointment.data.repeatTotal = total;\n appointment.hasUnsavedChanges = true;\n }\n\n const handleRepeatTotalChange = event => {\n let until = null;\n const total = event.target.value ? parseInt(event.target.value) : 0;\n\n if (total && appointment.data.repeatType) {\n switch (appointment.data.repeatType.toLowerCase()) {\n case 'weekly':\n until = appointment.data.start.clone().add((total - 1), 'weeks');\n break;\n\n case 'biweekly':\n until = appointment.data.start.clone().add(((total - 1) * 2), 'weeks');\n break;\n\n case 'monthly':\n until = appointment.data.start.clone().add((total - 1), 'months');\n break;\n\n case 'yearly':\n until = appointment.data.start.clone().add((total - 1), 'years');\n break;\n\n default:\n break;\n }\n }\n\n appointment.data.repeatUntil = until;\n appointment.data.repeatTotal = total;\n appointment.hasUnsavedChanges = true;\n }\n\n const handleGroupAppointmentClick = event => {\n if (newCustomerData) {\n newCustomer.saveToServer = true;\n\n if (newCustomer.saveToServer && hasNewAttachments(newCustomerData)) {\n setIsUploadingAttachments(true);\n }\n\n newCustomer.save(true)\n .then(data => {\n if (isMounted.current) {\n api.Customers.get(data.id)\n .then(({ data: customerData }) => {\n startGroupAppointment(customerData);\n newCustomer.clear();\n })\n }\n })\n }\n else {\n startGroupAppointment(existingCustomerData);\n newCustomer.clear();\n }\n }\n\n const handleAppointmentOfferClick = event => {\n if (newCustomerData) {\n newCustomer.saveToServer = true;\n\n if (newCustomer.saveToServer && hasNewAttachments(newCustomerData)) {\n setIsUploadingAttachments(true);\n }\n\n newCustomer.save(true)\n .then(data => {\n if (isMounted.current) {\n api.Customers.get(data.id)\n .then(({ data: customerData }) => {\n startAppointmentOffer(customerData);\n newCustomer.clear();\n })\n }\n })\n }\n else {\n startAppointmentOffer(existingCustomerData);\n newCustomer.clear();\n }\n }\n\n const handleSubmit = event => {\n event.preventDefault();\n\n if (fn.validateForm(validateRef.current)) {\n const customer = getCustomer();\n\n appointment.checkEligibility(customer, true)\n .then(eligibilityData => {\n if (isMounted.current) {\n const eligibleData = eligibilityData && eligibilityData.some(d => d.isEligible) ? eligibilityData.filter(d => d.isEligible) : null;\n const ineligibleData = eligibilityData && eligibilityData.some(d => !d.isEligible) ? eligibilityData.filter(d => !d.isEligible) : null;\n\n setEligibles(eligibleData);\n setIneligibles(ineligibleData);\n\n if (!ineligibleData) {\n appointment.checkConflicts(true)\n .then(conflictData => {\n if (isMounted.current) {\n if (!conflictData) {\n handleCommitUpdate(event);\n } else {\n confirmModalRef.current.show({\n icon: ,\n message: <>Appointment conflict(s) detected. Continue?,\n option1ClassName: 'btn btn-warning shadow-0 bootbox-accept',\n onOption1Click: handleConflictsConfirm,\n onCancel: handleConflictsCancel\n })\n }\n }\n })\n } else {\n confirmModalRef.current.show({\n icon: ,\n message: <>{getCustomer() ? ph.getPreferredFirstName(getCustomer()) : ''} might not be eligible for the service(s). Continue?,\n option1ClassName: 'btn btn-warning shadow-0 bootbox-accept',\n onOption1Click: handleIneligibleConfirm,\n onCancel: handleIneligibleCancel\n })\n }\n }\n })\n }\n }\n\n const handleCommitUpdate = event => {\n if (newCustomerData) {\n newCustomer.saveToServer = true;\n newCustomer.hasUnsavedChanges = true;\n\n if (newCustomer.saveToServer && hasNewAttachments(newCustomerData)) {\n setIsUploadingAttachments(true);\n }\n\n newCustomer.save(true)\n .then(() => {\n if (isMounted.current && newCustomer.data && newCustomer.data.id) {\n appointment.data.customerId = newCustomer.data.id;\n appointment.save(true)\n .then(data => {\n if (isMounted.current) {\n if (props.onSuccess && fn.isFunction(props.onSuccess)) {\n props.onSuccess(event, { updated: true, data: data });\n }\n setIsUploadingAttachments(false);\n }\n })\n }\n })\n .finally(() => {\n if (isMounted.current) {\n newCustomer.saveToServer = false;\n }\n })\n } else if (existingCustomerData) {\n if (hasNewAttachments(existingCustomerData)) {\n setIsUploadingAttachments(true);\n }\n\n appointment.data.customerId = existingCustomerData.id;\n appointment.hasUnsavedChanges = true;\n appointment.save(true)\n .then(data => {\n if (isMounted.current) {\n if (props.onSuccess && fn.isFunction(props.onSuccess)) {\n props.onSuccess(event, { updated: true, data: data });\n }\n setIsUploadingAttachments(false);\n }\n })\n }\n }\n\n const handleIneligibleConfirm = event => {\n appointment.checkConflicts(true)\n .then(conflicts => {\n if (isMounted.current) {\n if (!conflicts) {\n handleCommitUpdate(event);\n } else {\n confirmModalRef.current.show({\n icon: ,\n message: <>Appointment conflict(s) detected. Continue?,\n option1ClassName: 'btn btn-warning shadow-0 bootbox-accept',\n onOption1Click: handleConflictsConfirm,\n onCancel: handleConflictsCancel\n })\n }\n }\n })\n\n confirmModalRef.current.close();\n }\n\n const handleIneligibleCancel = event => {\n confirmModalRef.current.close();\n }\n\n const handleConflictsConfirm = event => {\n handleCommitUpdate(event);\n confirmModalRef.current.close();\n }\n\n const handleConflictsCancel = event => {\n confirmModalRef.current.close();\n }\n\n const handleContactInstructions = (customerId) => {\n noteSearch.initialize(customerId, null, 'contactInstruction', false, true);\n quickDrawer.activateQuickDrawer('note', 'view', { title: 'Communication Instructions', icon: 'fal fa-comment-alt-exclamation', renderFilters: false });\n }\n\n const hasNewAttachments = customer => {\n return customer.notes && customer.notes.length > 0 && customer.notes.some(n => n.attachments && n.attachments.length > 0 && n.attachments.some(a => a.base64));\n }\n\n const getCustomer = () => {\n return (newCustomerData ? newCustomerData : existingCustomerData);\n }\n\n const getAppointmentDateTime = () => {\n if (!appointment.data.start) return null;\n\n const start = appointment.data.start.clone();\n const end = appointment.end ? appointment.end.clone() : null;\n const hasEndTime = !!end;\n const weekday = appointment.data.start.format('dddd');\n const day = start.format('D');\n const ordinal = start.format('Do').replace(day, '');\n const dateHtml = `${start.format('MMMM D')}${ordinal}${((start.year() !== moment().year()) ? `, ${start.format('YYYY')}` : '')}`;\n const startTimeHtml = `${start.format('h:mm')}${(!hasEndTime || start.format('a') !== end.format('a') ? ` ${start.format('a')}` : '')}`;\n const endTimeHtml = hasEndTime ? `${end.format('h:mm')} ${end.format('a')}` : '';\n\n return- \n
- \n \n\n\n {weekday}\n \n\n \n
- @ \n
- \n \n\n\n \n\n \n {\n hasEndTime ? <>\n
- to \n
- \n \n\n\n \n\n \n : null\n }\n
\n \n {`${newCustomerData.firstName[0]}${newCustomerData.lastName[0]}`.toUpperCase()}\n \n
\n \n \n {ph.getFullName(newCustomerData, true)}\n {\n newCustomerData.dateOfBirth || newCustomerData.sex || newCustomerData.gender || newCustomerData.pronoun ?\n ({`${ph.getAge(newCustomerData.dateOfBirth, moment(appointment.data.start))} ${ph.getSexGenderPronounDisplay(newCustomerData)}`.trim()}) : null\n }\n \n {\n newCustomerData.address && newCustomerData.address.text ?\n
\n {bh.renderAppointmentNew()}
\n {newCustomerData.address.text}
: null\n }\n {\n newCustomerData.emailAddress ?\n \n {newCustomerData.emailAddress}\n \n
: null\n }\n {\n newCustomerData.phoneNumber ?\n \n {sys.getFormattedPhoneNumber(newCustomerData.phoneNumber)}\n \n
: null\n }\n {\n newCustomerData.primaryContactPerson ?\n \n Primary Contact\n {\n newCustomerData.primaryContactPerson.id ?\n \n {ph.getPreferredFirstLastName(newCustomerData.primaryContactPerson)}\n {\n newCustomerData.primaryContactPerson.relationship ?\n ({newCustomerData.primaryContactPerson.relationship}) : null\n }\n :\n
: null\n }\n {ph.getPreferredFirstLastName(newCustomerData.primaryContactPerson)}\n {\n newCustomerData.primaryContactPerson.relationship ?\n ({newCustomerData.primaryContactPerson.relationship}) : null\n }\n
\n }\n {\n newCustomerData.primaryContactPerson.emailAddress ?\n \n {newCustomerData.primaryContactPerson.emailAddress}\n \n
: null\n }\n {\n newCustomerData.primaryContactPerson.phoneNumber ?\n \n {sys.getFormattedPhoneNumber(newCustomerData.primaryContactPerson.phoneNumber)}\n \n
: null\n }\n \n
\n \n }\n\n const renderExistingCustomer = () => {\n return \n \n \n \n
\n \n { setNewCustomerData(null) }}\n >\n \n \n
\n \n \n {existingCustomerData.initials}\n \n
\n \n \n {ph.getFullName(existingCustomerData, true)}\n {\n existingCustomerData.dateOfBirth || existingCustomerData.sex || existingCustomerData.gender || existingCustomerData.pronoun ?\n ({`${ph.getAge(existingCustomerData.dateOfBirth, moment(appointment.data.start))} ${ph.getSexGenderPronounDisplay(existingCustomerData)}`.trim()}) : null\n }\n \n {\n existingCustomerData.address && existingCustomerData.address.country ?\n
\n {ah.getAddressHtml(existingCustomerData.address)}
: null\n }\n {\n existingCustomerData.emailAddress ?\n \n {existingCustomerData.emailAddress}\n \n
: null\n }\n {\n existingCustomerData.phoneNumber ?\n \n {sys.getFormattedPhoneNumber(existingCustomerData.phoneNumber)}\n \n
: null\n }\n {\n existingCustomerData.primaryContactPerson ?\n \n Primary Contact\n {\n existingCustomerData.primaryContactPerson.id ?\n \n {ph.getPreferredFirstLastName(existingCustomerData.primaryContactPerson)}\n {\n existingCustomerData.primaryContactPerson.relationship ?\n ({existingCustomerData.primaryContactPerson.relationship}) : null\n }\n :\n
: null\n }\n {\n existingCustomerData.contactInstructions && existingCustomerData.contactInstructions.length > 0 ?\n {ph.getPreferredFirstLastName(existingCustomerData.primaryContactPerson)}\n {\n existingCustomerData.primaryContactPerson.relationship ?\n ({existingCustomerData.primaryContactPerson.relationship}) : null\n }\n
\n }\n {\n existingCustomerData.primaryContactPerson.emailAddress ?\n \n {existingCustomerData.primaryContactPerson.emailAddress}\n \n
: null\n }\n {\n existingCustomerData.primaryContactPerson.phoneNumber ?\n \n {sys.getFormattedPhoneNumber(existingCustomerData.primaryContactPerson.phoneNumber)}\n \n
: null\n }\n \n { handleContactInstructions(existingCustomerData.id) }}\n >See communication instructions\n
: null\n }\n \n
\n \n }\n\n const renderServices = () => {\n const filteredServices = services.filter(s =>\n (!s.activeStartingDate || moment(s.activeStartingDate).isSameOrBefore(moment(appointment.data.start))) &&\n appointment.data.services.filter(a => a.id === s.id).length === 0);\n\n return filteredServices.map(s => {\n return {\n id: s.id,\n name: `${s.code} - ${s.name}`,\n code: s.code,\n colorHexValue: s.colorHexValue,\n duration: (s.defaultDurationInMinutes ? s.defaultDurationInMinutes : 0),\n isRepeatable: s.isRepeatable,\n userOverrides: s.userOverrides\n }\n })\n }\n\n const renderAddNoteButton = () => {\n const customer = getCustomer();\n const hasNotes = appointment && appointment.data && appointment.data.notes && appointment.data.notes.length > 0;\n\n return <>\n \n \n \n \n
\n \n { setExistingCustomerData(null) }}\n >\n \n \n
\n No email address or mobile number found for this patient.
, { position: 'top-center' });\n }\n }\n\n communication.initialize(\n contactMethod,\n 'AppointmentReview',\n updateAppointment.data.id,\n [],\n customer.id,\n defaultContact,\n )\n .then(() => {\n communication.scheduledSendDateTimeLocal = sys.configuration.review.getScheduledSendDateTimeLocal();\n communicationModalRef.current.show(contactMethod);\n })\n }\n\n const handleVerifyEligibility = () => {\n updateAppointment.checkEligibility()\n .then((data) => {\n const eligibleData = data && data.some(e => e.isPublicHealthChecked && e.isEligible) ? data.filter(e => e.isPublicHealthChecked && e.isEligible) : null;\n const ineligibleData = data && data.some(e => !e.isPublicHealthChecked || !e.isEligible) ? data.filter(e => !e.isPublicHealthChecked || !e.isEligible) : null;\n const isMohReady = data && !data.some(e => !e.isMohReady);\n\n setEligibles(eligibleData);\n setIneligibles(ineligibleData);\n setMohReady(isMohReady);\n\n updateAppointment.hasUnsavedChanges = true;\n updateAppointment.save();\n })\n }\n\n const handleUpdateCustomer = () => {\n customerUpdate.initialize(updateAppointment.data.customer.id, false)\n quickDrawer.activateQuickDrawer('customer', 'personal', null, handleUpdateCustomerSuccess, handleUpdateCustomerCancel);\n }\n\n const handleUpdateCustomerSuccess = (result) => {\n if (result && result.updated) {\n toast.dark(() =>Customer updated.
);\n }\n customerUpdate.clear();\n }\n\n const handleUpdateCustomerCancel = () => {\n customerUpdate.clear();\n }\n\n const handleSeeNotes = () => {\n if (updateAppointment.data.customer) {\n noteSearch.initialize(updateAppointment.data.customer.id)\n .then(() => {\n if (isMounted.current) {\n noteSearch.reference = updateAppointment.data;\n noteSearch.referenceId = updateAppointment.data ? updateAppointment.data.id : null;\n noteSearch.referenceType = 'appointment';\n }\n });\n quickDrawer.activateQuickDrawer('note', 'view', null, handleNoteUpdateSuccess, handleNoteUpdateCancel);\n }\n }\n\n const handleNoteUpdateSuccess = () => {\n noteSearch.clear();\n }\n\n const handleNoteUpdateCancel = () => {\n noteSearch.clear();\n }\n\n const handleSeeAttachments = () => {\n noteSearch.initialize(updateAppointment.data.customer.id);\n quickDrawer.activateQuickDrawer('note', 'attachment', null, handleSeeAttachmentUpdateSuccess, handleSeeAttachmentUpdateCancel);\n }\n\n const handleSeeAttachmentUpdateSuccess = () => {\n noteSearch.clear();\n }\n\n const handleSeeAttachmentUpdateCancel = () => {\n noteSearch.clear();\n }\n\n const handleDeleteAppointment = () => {\n onSuccess = quickDrawer.success1Callback;\n onCancel = quickDrawer.cancel1Callback;\n onError = quickDrawer.error1Callback;\n\n updateAppointment.initialize(updateAppointment.id);\n quickDrawer.activateQuickDrawer('appointment', 'delete', null, handleDeleteAppointmentSuccess);\n }\n\n const handleDeleteAppointmentSuccess = () => {\n quickDrawer.deactivateQuickDrawer1();\n if (fn.isFunction(onSuccess)) {\n onSuccess('deleted');\n onSuccess = null;\n onCancel = null;\n onError = null;\n }\n updateAppointment.clear();\n }\n\n const handleViewInvoices = () => {\n if (isMounted.current) {\n customerView.initialize(updateAppointment.data.customer.id, false)\n .then(() => {\n if (isMounted.current) {\n customerView.loadPurchases(true);\n }\n })\n\n quickDrawer.activateQuickDrawer('appointment', 'invoices', { customerId: updateAppointment.data.customer.id }, handleViewInvoicesDone, handleViewInvoicesDone);\n }\n }\n\n const handleViewInvoicesDone = () => {\n customerView.clear();\n }\n\n const handleAppointmentTimelineChange = (data, timelineItem) => {\n const reminderType = data.isPrebook ? 'AppointmentPrebookReminder' : ((data.isNew || data.isFirstExam) ? 'AppointmentReminderNew' : 'AppointmentReminder');\n\n if (timelineItem.onClick) {\n const onSuccess = timelineItem.name === 'Reminder' ? () => { handleSendAppointmentCommunication(reminderType) } : null;\n const extraProps = {\n timelineItem: timelineItem,\n appointment: updateAppointment.data,\n customer: updateAppointment.data.customer,\n };\n th.quickDrawerTrigger(timelineItem.onClick, quickDrawer, extraProps, onSuccess);\n } else {\n if (timelineItem.performedDateUtc) {\n handleConfirmAppointmentTimelineShow(timelineItem);\n } else {\n handleAppointmentTimelineCommit(timelineItem);\n }\n }\n }\n\n const handleConfirmAppointmentTimelineShow = (timelineItem) => {\n confirmModalRef.current.show({\n icon: ,\n message: <>Continue to undo '{timelineItem ? th.format(updateAppointment.data, timelineItem, timelineItem.menuFormat) : ''}' ? ,\n onOption1Click: () => { handleConfirmAppointmentTimelineDelete(timelineItem) },\n onCancel: handleConfirmAppointmentTimelineCancel,\n })\n }\n\n const handleConfirmAppointmentTimelineDelete = (timelineItem) => {\n handleAppointmentTimelineCommit(timelineItem);\n confirmModalRef.current.close();\n }\n\n const handleConfirmAppointmentTimelineCancel = () => {\n confirmModalRef.current.close();\n }\n\n const handleAppointmentTimelineCommit = (timelineItem) => {\n updateAppointment.timeline(timelineItem.id)\n .then(() => {\n if (isMounted.current) {\n toast.dark(() =>Appointment updated.
);\n }\n })\n }\n\n const handleSendAppointmentCommunication = (action) => {\n const isValid = amh.checkIndividualAppointmentIsValid(updateAppointment.data);\n const description = !isValid ?\n Please setup contact information and try again. :\n (\n updateAppointment.data && updateAppointment.data.customer.contactInstructions && updateAppointment.data.customer.contactInstructions.length > 0 ?\n <> : null\n );\n\n confirmModalRef.current.show({\n icon: amh.getIcon(updateAppointment.data, action),\n message: amh.getMessage(updateAppointment.data, action),\n description: description,\n option1ClassName: 'btn btn-appointment shadow-0 bootbox-accept' + (!isValid ? ' d-none' : ''),\n option1Text: 'Email',\n option1Disabled: (!updateAppointment.data || !updateAppointment.data.customer.defaultEmailAddressContact),\n option2ClassName: 'btn btn-secondary shadow-0 bootbox-accept' + (!isValid ? ' d-none' : ''),\n option2Text: 'SMS',\n option2Disabled: (!updateAppointment.data || !updateAppointment.data.customer.defaultMobileNumberContact),\n cancelText: (isValid ? 'No' : 'OK'),\n onOption1Click: (e) => { handleCommunicationSend(e, 'email', action) },\n onOption2Click: (e) => { handleCommunicationSend(e, 'sms', action) },\n onCancel: handleCommunicationCancel\n })\n\n if (isMounted.current) {\n setCommunicationActive(true);\n }\n }\n\n const handleSendAppointmentCommunicationContactInstructions = (customerId) => {\n confirmModalRef.current.close();\n handleContactInstructions(customerId);\n }\n\n const handleCommunicationSend = (event, type, action) => {\n let defaultContact;\n\n if (type) {\n switch (type.toLowerCase()) {\n case 'email':\n defaultContact = updateAppointment.data.customer.defaultEmailAddressContact;\n break;\n\n case 'sms':\n defaultContact = updateAppointment.data.customer.defaultMobileNumberContact;\n break;\n\n default:\n break;\n }\n }\n\n communication.initialize(\n type,\n action,\n updateAppointment.data.id,\n [],\n updateAppointment.data.customerId,\n defaultContact,\n )\n .then(() => {\n confirmModalRef.current.close();\n communicationModalRef.current.show(type);\n })\n }\n\n const handleCommunicationCancel = (event) => {\n confirmModalRef.current.close();\n\n if (isMounted.current) {\n setCommunicationActive(false);\n }\n }\n\n const handleAppointmentStatusChange = (newStatus) => {\n updateAppointment.status(newStatus)\n .then(() => {\n if (isMounted.current) {\n toast.dark(() =>Appointment updated.
);\n }\n })\n }\n\n const handleBookAnotherAppointment = (event) => {\n newAppointment.stage(updateAppointment.data.customer);\n\n if (fn.isFunction(props.onCancel)) {\n props.onCancel();\n }\n }\n\n const handleCommunicationSent = (event, result) => {\n if (result && result.type) {\n if (result.reference === 'AppointmentReview' && result.response) {\n api.ReviewRequests.create({\n referenceIds: [updateAppointment.data.id],\n communicationId: result.response[0].data.id,\n reviewTemplate: 'Appointment',\n })\n .finally(() => {\n toast.dark(() =>{result.type} {result.scheduledSendDateTimeLocal ? 'scheduled' : 'sent'}.
);\n })\n }\n else {\n toast.dark(() =>{result.type} {result.scheduledSendDateTimeLocal ? 'scheduled' : 'sent'}.
);\n }\n }\n else {\n toast.dark(() =>Communication sent.
);\n }\n\n updateAppointment.refresh();\n communicationModalRef.current.close();\n }\n\n const handleCommunicationClose = () => {\n if (isMounted.current) {\n setCommunicationActive(false);\n }\n }\n\n const handleContactInstructions = (customerId) => {\n noteSearch.initialize(customerId, null, 'contactInstruction', false, true);\n quickDrawer.activateQuickDrawer('note', 'view', { title: 'Communication Instructions', icon: 'fal fa-comment-alt-exclamation', renderFilters: false });\n }\n\n const renderAppointmentDateTime = () => {\n if (!updateAppointment.data || !updateAppointment.data.start) return null;\n\n const start = moment(updateAppointment.data.start);\n const end = updateAppointment.data.end ? moment(updateAppointment.data.end) : null;\n const hasEndTime = !!end;\n const weekday = start.format('dddd');\n const day = start.format('D');\n const ordinal = start.format('Do').replace(day, '');\n const dateHtml = `${start.format('MMMM D')}${ordinal}${((start.year() !== moment().year()) ? `, ${start.format('YYYY')}` : '')}`;\n const startTimeHtml = `${start.format('h:mm')}${(!hasEndTime || start.format('a') !== end.format('a') ? ` ${start.format('a')}` : '')}`;\n const endTimeHtml = hasEndTime ? `${end.format('h:mm')} ${end.format('a')}` : '';\n\n return\n
\n }\n\n const renderResource = () => {\n if (!updateAppointment.data) return;\n\n const resource = updateAppointment.data.resource;\n\n return \n
\n \n
\n - \n
- \n \n {weekday}\n \n\n \n
- @ \n
- \n \n \n\n \n
- to \n
- \n \n \n\n \n
\n \n {resource && !resource.profilePictureUri ?
\n {resource.initials}
: null}\n \n \n
\n {\n updateAppointment.data.services.some(s => s.isEligibilityCheckRequired) && getIsEditable() ?\n {resource.fullName}
\n \n {bh.renderAppointmentNew(updateAppointment.data, 'p-1 mr-1')}\n {bh.renderAppointmentFirstExam(updateAppointment.data, 'p-1 mr-1')}\n {bh.renderAppointmentPrebook(updateAppointment.data, 'mr-1')}\n {\n updateAppointment.data.services.map((s, si) => {\n return \n {bh.renderServiceCode(s, 'p-1 mr-1', (!s.isEligible || !aph.isEndState(updateAppointment.data)))}\n \n })\n }\n
\n \n {bh.renderAppointmentRescheduledByOffice(updateAppointment.data, 'p-1 mr-1 mt-1')}\n {bh.renderAppointmentRescheduledByCustomer(updateAppointment.data, 'p-1 mr-1 mt-1')}\n
\n \n
: null\n }\n \n }\n\n const renderCustomer = () => {\n if (!updateAppointment.data || !updateAppointment.data.customer) return;\n\n const { customer, primaryContact } = updateAppointment.data;\n const isSameAsPrimaryContact = primaryContact && primaryContact.id === customer.id\n\n return \n \n \n \n
\n \n \n {customer.initials}\n \n
\n \n {bh.renderSpokenLanguage(customer, 'fs-sm')}\n \n {ph.getFullName(customer, true)}\n {\n customer.dateOfBirth || customer.sex || customer.gender || customer.pronoun ?\n ({`${ph.getAge(customer.dateOfBirth, moment(updateAppointment.data.start))} ${ph.getSexGenderPronounDisplay(customer)}`.trim()}) : null\n }\n \n {\n customer.dateOfBirth ?\n
\n DOB:{sys.getFormattedLongDate(customer.dateOfBirth)}
: null\n }\n {\n customer.patientProfile && customer.patientProfile.healthCardNumber ?\n HC #:{ph.formatHealthCard(customer.patientProfile.healthCardNumber)}(Exp. {fn.formatDate(customer.patientProfile.healthCardExpiryDate, 'MMM Do, YYYY')})
: null\n }\n {\n customer.address && customer.address.country ?\n {ah.getAddressHtml(customer.address)}
: null\n }\n {\n isSameAsPrimaryContact ?\n <>\n {\n customer.emailAddress ?\n \n {customer.emailAddress}\n \n
: null\n }\n {\n customer.phoneNumber ?\n \n {sys.getFormattedPhoneNumber(customer.phoneNumber)}\n \n
: null\n }\n {\n customer.contactInstructions && customer.contactInstructions.length > 0 ?\n \n { handleContactInstructions(customer.id) }}\n >See communication instructions\n
: null\n }\n : <>\n \n Primary Contact\n {\n primaryContact.id ?\n \n
\n \n }\n {bh.renderSpokenLanguage(primaryContact, 'fs-sm')}
\n {ph.getPreferredFirstLastName(primaryContact)}\n {\n primaryContact.relationship ?\n ({primaryContact.relationship}) : null\n }\n :\n {ph.getPreferredFirstLastName(primaryContact)}\n {\n primaryContact.relationship ?\n ({primaryContact.relationship}) : null\n }\n
\n }\n {\n primaryContact.emailAddress ?\n \n {primaryContact.emailAddress}\n \n
: null\n }\n {\n primaryContact.phoneNumber ?\n \n {sys.getFormattedPhoneNumber(primaryContact.phoneNumber)}\n \n
: null\n }\n {\n primaryContact.contactInstructions && primaryContact.contactInstructions.length > 0 ?\n \n { handleContactInstructions(primaryContact.id) }}\n >See communication instructions\n
: null\n }\n \n
\n \n }\n\n const renderAppointmentTimeline = () => {\n const isEditable = getIsEditable();\n const timeline = isEditable ? updateAppointment.data.timeline.filter(t => th.isEnabled(updateAppointment.data, t.restriction, t.id, t.id, t.displayOrder) && (t.performedDateUtc || !t.isAutomated)) : updateAppointment.data.timeline.filter(t => t.performedDateUtc);\n\n return timeline && timeline.length > 0 ?\n timeline.sort((a, b) => a.displayOrder - b.displayOrder).map((t, ti) => {\n const started = (updateAppointment.data.timeline.some(l => l.displayOrder > t.displayOrder && l.performedDateUtc) || updateAppointment.data.status === 'Completed' || updateAppointment.data.status === 'NoShow');\n\n return \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n
\n \n
\n \n }) : null\n }\n\n const renderIconButtons = () => {\n return <>\n \n {\n (isEditable && (t.onClick || !t.performedDateUtc)) ?\n <>\n \n \n {\n (isEditable && !t.isAutomated)\n ? handleAppointmentTimelineChange(updateAppointment.data, t)}\n >\n \n : null\n }\n \n }\n
\n \n handleAppointmentTimelineChange(updateAppointment.data, t)}\n >\n \n \n
\n :\n <>\n \n @ \n \n
\n \n
\n - \n
- \n \n\n
\n {weekday}\n \n
\n \n \n { setStartTimePickerOpen(false) }}\n >
\n \n \n
\n \n {\n hasEndTime ? <>\n \n { setEndTimePickerOpen(false) }}\n >
\n \n \n
\n \n {\n !appointment.stageId && appointment.data && appointment.data.status === 'Booked' ?\n \n \n : null\n }\n
\n \n }\n\n const renderCustomer = () => {\n const customer = appointment.data.customer;\n return \n \n {customer.initials}\n \n
\n \n
\n \n }\n\n const renderServices = () => {\n const filteredServices = services.filter(s =>\n (!s.activeStartingDate || moment(s.activeStartingDate).isSameOrBefore(moment(appointment.data.start))) &&\n appointment.data.services.filter(a => a.id === s.id).length === 0);\n\n return filteredServices.map(s => {\n return {\n id: s.id,\n name: `${s.code} - ${s.name}`,\n code: s.code,\n colorHexValue: s.colorHexValue,\n isSubsidized: s.isSubsidized,\n duration: (s.defaultDurationInMinutes ? s.defaultDurationInMinutes : 0),\n }\n })\n }\n\n return <>\n \n {ph.getFullName(customer, true)}\n {\n customer.dateOfBirth || customer.sex || customer.gender || customer.pronoun ?\n ({`${ph.getAge(customer.dateOfBirth, moment(appointment.data.start))} ${ph.getSexGenderPronounDisplay(customer)}`.trim()}) : null\n }\n
\n {\n customer.address && customer.address.country ?\n {ah.getAddressHtml(customer.address)}
: null\n }\n {\n customer.emailAddress ?\n \n {customer.emailAddress}\n \n
: null\n }\n {\n customer.phoneNumber ?\n \n {sys.getFormattedPhoneNumber(customer.phoneNumber)}\n \n
: null\n }\n {\n customer.primaryContactPerson ?\n \n Primary Contact\n {\n customer.primaryContactPerson.id ?\n \n {ph.getPreferredFirstLastName(customer.primaryContactPerson)}\n {\n customer.primaryContactPerson.relationship ?\n ({customer.primaryContactPerson.relationship}) : null\n }\n :\n
: null\n }\n {ph.getPreferredFirstLastName(customer.primaryContactPerson)}\n {\n customer.primaryContactPerson.relationship ?\n ({customer.primaryContactPerson.relationship}) : null\n }\n
\n }\n {\n customer.primaryContactPerson.emailAddress ?\n \n {customer.primaryContactPerson.emailAddress}\n \n
: null\n }\n {\n customer.primaryContactPerson.phoneNumber ?\n \n {sys.getFormattedPhoneNumber(customer.primaryContactPerson.phoneNumber)}\n \n
: null\n }\n Cannot cancel appointment.{error && error.response && error.response.data ? <> {error.response.data} : null}
;\n toast.error(() => msg, { position: 'top-center', style: { width: '380px' } });\n })\n\n setConfirmDelete(false);\n }\n\n const handleConfirmCancel = event => {\n event.preventDefault();\n setConfirmDelete(false);\n\n if (props.onCancel && fn.isFunction(props.onCancel)) {\n props.onCancel(event);\n }\n }\n\n const renderAppointmentDateTime = () => {\n if (!appointment.data.start) return null;\n\n const start = moment(appointment.data.start);\n const end = appointment.data.end ? moment(appointment.data.end) : null;\n const hasEndTime = !!end;\n const weekday = start.format('dddd');\n const day = start.format('D');\n const ordinal = start.format('Do').replace(day, '');\n const dateHtml = `${start.format('MMMM D')}${ordinal}${((start.year() !== moment().year()) ? `, ${start.format('YYYY')}` : '')}`;\n const startTimeHtml = `${start.format('h:mm')}${(!hasEndTime || start.format('a') !== end.format('a') ? ` ${start.format('a')}` : '')}`;\n const endTimeHtml = hasEndTime ? `${end.format('h:mm')} ${end.format('a')}` : '';\n\n return- \n
- \n \n {weekday}\n \n\n \n
- @ \n
- \n \n \n\n \n
- to \n
- \n \n \n\n \n
\n \n {resource && !resource.profilePictureUri ?
\n {resource.initials}
: null}\n \n \n
\n \n }\n\n const renderCustomer = () => {\n const customer = appointment.data.customer;\n return {resource.fullName}
\n \n {bh.renderAppointmentNew(appointment.data, 'mr-1')}\n {bh.renderAppointmentFirstExam(appointment.data, 'mr-1')}\n {bh.renderAppointmentPrebook(appointment.data, 'mr-1')}\n {\n appointment.data.services.map((s, si) => {\n return \n {bh.renderServiceCode(s, 'p-1 mr-1', (!s.isEligible || !aph.isEndState(appointment.data)))}\n \n })\n }\n {bh.renderAppointmentRescheduledByOffice(appointment.data, 'mr-1')}\n {bh.renderAppointmentRescheduledByCustomer(appointment.data, 'mr-1')}\n
\n \n \n {customer.initials}\n \n
\n \n {ph.getFullName(customer, true)}\n {\n customer.dateOfBirth || customer.sex || customer.gender || customer.pronoun ?\n ({`${ph.getAge(customer.dateOfBirth, moment(appointment.data.start))} ${ph.getSexGenderPronounDisplay(customer)}`.trim()}) : null\n }\n \n {\n customer.address && customer.address.country ?\n
\n \n }\n\n return <>\n \n {ah.getAddressHtml(customer.address)}
: null\n }\n {\n customer.emailAddress ?\n \n {customer.emailAddress}\n \n
: null\n }\n {\n customer.phoneNumber ?\n \n {sys.getFormattedPhoneNumber(customer.phoneNumber)}\n \n
: null\n }\n {\n customer.primaryContactPerson ?\n \n Primary Contact\n {\n customer.primaryContactPerson.id ?\n \n {ph.getPreferredFirstLastName(customer.primaryContactPerson)}\n {\n customer.primaryContactPerson.relationship ?\n ({customer.primaryContactPerson.relationship}) : null\n }\n :\n
: null\n }\n {ph.getPreferredFirstLastName(customer.primaryContactPerson)}\n {\n customer.primaryContactPerson.relationship ?\n ({customer.primaryContactPerson.relationship}) : null\n }\n
\n }\n {\n customer.primaryContactPerson.emailAddress ?\n \n {customer.primaryContactPerson.emailAddress}\n \n
: null\n }\n {\n customer.primaryContactPerson.phoneNumber ?\n \n {sys.getFormattedPhoneNumber(customer.primaryContactPerson.phoneNumber)}\n \n
: null\n }\n Customer(s) created.
);\n }\n\n if (props.onCancel && fn.isFunction(props.onCancel)) {\n props.onCancel();\n }\n });\n }\n\n const checkConflicts = () => {\n groupAppointment.checkConflicts()\n .then(data => {\n if (isMounted.current) {\n setConflicts(data);\n }\n })\n }\n\n const checkEligibility = () => {\n if (groupAppointment.data && groupAppointment.data.items && groupAppointment.data.items.length > 0) {\n groupAppointment.checkEligibility()\n .then(data => {\n if (isMounted.current) {\n const eligibleData = data && data.some(d => d.isPublicHealthChecked && d.isEligible) ? data.filter(d => d.isPublicHealthChecked && d.isEligible) : null;\n const ineligibleData = data && data.some(d => !d.isPublicHealthChecked || !d.isEligible) ? data.filter(d => !d.isPublicHealthChecked || !d.isEligible) : null;\n const isMohReady = data && !data.some(e => !e.isMohReady);\n\n setEligibles(eligibleData);\n setIneligibles(ineligibleData);\n setMohReady(isMohReady);\n }\n })\n } else {\n setEligibles(null);\n setIneligibles(null);\n setMohReady(null);\n }\n }\n\n const handleResourceChange = ({ id }) => {\n groupAppointment.data.userId = id;\n groupAppointment.data.duration = groupAppointment.recommendedDuration; \n groupAppointment.hasUnsavedChanges = true;\n checkConflicts();\n }\n\n const handleDatePickerDisplay = event => {\n setStartTimePickerOpen(false);\n setEndTimePickerOpen(false);\n if (!datePickerOpen) {\n setDatePickerOpen('date');\n }\n }\n\n const handleDatePickerChange = value => {\n const newStart = moment(`${moment(value).format('YYYY-MM-DD')} ${groupAppointment.data.start.format('h:mm a')}`, 'YYYY-MM-DD h:mm a');\n groupAppointment.data.start = newStart;\n groupAppointment.hasUnsavedChanges = true;\n checkConflicts();\n checkEligibility();\n setDatePickerOpen(false);\n }\n\n const handleStartTimePickerDisplay = event => {\n setDatePickerOpen(false);\n setEndTimePickerOpen(false);\n if (!startTimePickerOpen) {\n setStartTimePickerOpen('time');\n startTimePickerTimer.current = setTimeout(() => {\n const picker = document.querySelector('#startTimePicker .rw-state-selected');\n if (picker) {\n picker.focus();\n } // UI HACK: need to pass focus to the selected item otherwise mouse scroll and then click will cause focus to trigger.\n }, 300)\n }\n }\n\n const handleStartTimePickerChange = value => {\n const newStart = moment(`${groupAppointment.data.start.format('YYYY-MM-DD')} ${moment(value).format('h:mm a')}`, 'YYYY-MM-DD h:mm a');\n groupAppointment.data.start = newStart;\n groupAppointment.hasUnsavedChanges = true;\n checkConflicts();\n setStartTimePickerOpen(false);\n }\n\n const handleEndTimePickerDisplay = event => {\n setDatePickerOpen(false);\n setStartTimePickerOpen(false);\n if (!endTimePickerOpen) {\n setEndTimePickerOpen('time');\n endTimePickerTimer.current = setTimeout(() => {\n const picker = document.querySelector('#endTimePicker .rw-state-selected');\n if (picker) {\n picker.focus();\n } // UI HACK: need to pass focus to the selected item otherwise mouse scroll and then click will cause focus to trigger.\n }, 300)\n }\n }\n\n const handleEndTimePickerChange = value => {\n const start = groupAppointment.data.start.clone();\n const newEnd = moment(`${groupAppointment.end.format('YYYY-MM-DD')} ${moment(value).format('h:mm a')}`, 'YYYY-MM-DD h:mm a');\n const duration = newEnd.diff(start, 'minutes');\n groupAppointment.data.duration = duration;\n groupAppointment.hasUnsavedChanges = true;\n checkConflicts();\n setEndTimePickerOpen(false);\n }\n\n const handlePrimaryContactChange = (primaryContact) => {\n groupAppointment.data.primaryContactId = primaryContact ? primaryContact.id : null;\n groupAppointment.data.primaryContact = primaryContact;\n\n if (primaryContact) {\n api.CustomerRelationships.get(primaryContact.id)\n .then(({ data }) => {\n const filteredRelationships = data && data.length > 0 && data.some(r => r.customerId === primaryContact.id) ? data.filter(r => r.customerId === primaryContact.id) : [];\n\n for (let i = 0; i < groupAppointment.data.items.length; i++) {\n if (groupAppointment.data.items[i].customer) {\n if (groupAppointment.data.items[i].customer.id === primaryContact.id) {\n groupAppointment.data.items[i].relationship = null;\n }\n else {\n const filteredRelationship = filteredRelationships.filter(r => r.relatedTo.id === groupAppointment.data.items[i].customer.id)[0];\n\n if (filteredRelationship) {\n groupAppointment.data.items[i].relationship = filteredRelationship.relationship;\n }\n else {\n groupAppointment.data.items[i].relationship = null;\n }\n }\n }\n }\n })\n }\n else {\n for (let i = 0; i < groupAppointment.data.items.length; i++) {\n groupAppointment.data.items[i].relationship = null;\n }\n }\n\n setRelationshipUpdates([]);\n groupAppointment.hasUnsavedChanges = true;\n }\n\n const handleNewCustomer = event => {\n let extraProps;\n\n if (!newCustomer.isReady) {\n newCustomer.initialize(false);\n }\n if (!!groupAppointment.data.primaryContact) {\n extraProps = { primaryContact: toJS(groupAppointment.data.primaryContact) };\n }\n // setExistingCustomerData(null);\n setCustomerSearchResult(null);\n quickDrawer.activateQuickDrawer('customer', 'create', extraProps, handleNewCustomerSuccess, handleNewCustomerCancel);\n }\n\n const handleNewCustomerSuccess = customer => {\n if (customer && customer.data) {\n const index = groupAppointment.data.items.length - 1;\n const { data } = customer;\n\n data.id = uuid();\n data.referenceId = data.id;\n groupAppointment.data.items[index].customer = data;\n\n if (groupAppointment.data.items.length < 2) {\n groupAppointment.addNewItem();\n }\n\n if (!groupAppointment.data.primaryContact) {\n groupAppointment.data.primaryContact = data;\n groupAppointment.data.primaryContactId = data.id;\n }\n\n newCustomer.clear();\n groupAppointment.hasUnsavedChanges = true;\n }\n }\n\n const handleNewCustomerCancel = event => {\n newCustomer.clear();\n }\n\n const handleCustomerSearchChange = (event, index, term) => {\n if (groupAppointment.data.items[index].customerId || groupAppointment.data.items[index].customer) {\n groupAppointment.data.items[index].customerId = null;\n groupAppointment.data.items[index].customer = null;\n groupAppointment.data.items[index].customer.services.clear();\n }\n\n if (searchTimer.current) {\n clearTimeout(searchTimer.current);\n }\n\n if (term && term.length >= 2) {\n const exclude = groupAppointment.data.items.some(c => !!c.customer) ? groupAppointment.data.items.filter(c => !!c.customer).map(c => { return c.customer.id }) : null;\n api.Customers.fullSearch(term, false, false, 5, null, null, null, null, null, exclude)\n .then(({ data }) => {\n if (isMounted.current) {\n setCustomerSearchResult(data.result);\n }\n })\n } else {\n setCustomerSearchResult(null);\n }\n setEligibles(null);\n setIneligibles(null);\n }\n\n const handleCustomerSearchClick = (index, customer) => {\n newAppointmentCustomerFilterRef.current[index].isLoading(true);\n setCustomerSearchResult(null);\n\n api.Customers.get(customer.id)\n .then(({ data: customerData }) => {\n if (isMounted.current) {\n if (newAppointmentCustomerFilterRef.current && newAppointmentCustomerFilterRef.current[index]) {\n newAppointmentCustomerFilterRef.current[index].isLoading(false);\n }\n\n if (groupAppointment.data.items && groupAppointment.data.items[index]) {\n groupAppointment.data.items[index].customerId = customerData.id;\n groupAppointment.data.items[index].customer = customerData;\n }\n\n if (groupAppointment.data.items.length === 1) {\n groupAppointment.addNewItem();\n }\n\n checkConflicts();\n refreshPrimaryContacts()\n .then((relationshipData) => {\n if (isMounted.current) {\n if (!groupAppointment.data.primaryContact) {\n if (customerData.primaryContactPerson) {\n groupAppointment.data.primaryContactId = customerData.primaryContactPerson.id;\n groupAppointment.data.primaryContact = customerData.primaryContactPerson;\n }\n else {\n groupAppointment.data.primaryContactId = customerData.id;\n groupAppointment.data.primaryContact = customerData;\n }\n }\n\n if (relationshipData && relationshipData.length > 0) {\n const filteredRelationships = relationshipData.filter(r => r.customerId === groupAppointment.data.primaryContact.id);\n\n if (filteredRelationships && filteredRelationships.length > 0) {\n const filteredRelationship = filteredRelationships.filter(r => r.relatedTo.id === customerData.id)[0];\n\n if (filteredRelationship) {\n groupAppointment.data.items[index].relationship = filteredRelationship.relationship;\n }\n }\n }\n }\n })\n\n setTimeout(() => {\n if (isMounted.current) {\n const input = document.querySelector(`#${GROUP_APPOINTMENT_CUSTOMER_INPUT_ID}${(index + 1)}`);\n\n if (input) {\n input.focus();\n }\n }\n }, 1000);\n groupAppointment.hasUnsavedChanges = true;\n }\n })\n }\n\n const handleCustomerAdd = (event) => {\n groupAppointment.addNewItem();\n groupAppointment.hasUnsavedChanges = true;\n }\n\n const handleCustomerRemove = (event, index) => {\n const primaryContacts = getPrimaryContactOptions();\n\n groupAppointment.data.items.splice(index, 1);\n\n if (!groupAppointment.data.items) {\n groupAppointment.data.items = [];\n }\n\n if (groupAppointment.data.items.length === 0) {\n groupAppointment.addNewItem();\n }\n\n if (groupAppointment.data.items.some(c => c.customer) && !primaryContacts.some(p => p.id === groupAppointment.data.primaryContactId)) {\n groupAppointment.data.primaryContact = groupAppointment.data.items.filter(c => c.customer)[0].customer;\n groupAppointment.data.primaryContactId = groupAppointment.data.items.filter(c => c.customer)[0].customer.id;\n }\n else if (!groupAppointment.data.items.some(c => c.customer)) {\n groupAppointment.data.primaryContact = null;\n groupAppointment.data.primaryContactId = null;\n setRelationships([]);\n }\n\n checkEligibility();\n checkConflicts();\n groupAppointment.hasUnsavedChanges = true;\n }\n\n const handleRelationshipChange = (event, customer, index) => {\n if (groupAppointment.data.primaryContact && customer && customer.id) {\n const relationship = event.target.value;\n const tempRelationshipUpdates = Array.from(new Set([...relationshipUpdates]));\n const ri = relationshipUpdates.findIndex(r => r.party1Id === groupAppointment.data.primaryContact.id && r.party2Id === customer.id);\n const relationshipUpdate = {\n party1Id: groupAppointment.data.primaryContact.id,\n party2Id: customer.id,\n relationshipType: relationship\n }\n\n if (ri > -1) {\n tempRelationshipUpdates[ri] = relationshipUpdate;\n }\n else {\n tempRelationshipUpdates.push(relationshipUpdate);\n }\n\n setRelationshipUpdates(tempRelationshipUpdates);\n groupAppointment.data.items[index].relationship = relationship;\n groupAppointment.hasUnsavedChanges = true;\n }\n }\n\n const handleServiceSelection = (index, tag, metadata) => {\n switch (metadata.action) {\n case 'insert':\n if (!groupAppointment.data.items[index].services.some(s => s.id === metadata.dataItem.id)) {\n groupAppointment.data.items[index].services.push({\n id: metadata.dataItem.id,\n code: metadata.dataItem.code,\n name: metadata.dataItem.code,\n duration: metadata.dataItem.duration,\n isRepeatable: metadata.dataItem.isRepeatable,\n userOverrides: metadata.dataItem.userOverrides\n });\n }\n\n if (!!groupAppointment.data.existingAppointmentId) { // This means it's converting from an individual appointment to a group appointment.\n groupAppointment.data.duration = groupAppointment.data.duration + metadata.dataItem.duration;\n }\n break;\n\n case 'remove':\n const serviceIndex = groupAppointment.data.items[index].services.findIndex(s => s.id === metadata.dataItem.id);\n if (serviceIndex !== -1) {\n groupAppointment.data.items[index].services.splice(serviceIndex, 1);\n\n if (!!groupAppointment.data.existingAppointmentId) { // This means it's converting from an individual appointment to a group appointment.\n groupAppointment.data.duration = groupAppointment.data.duration - metadata.dataItem.duration;\n }\n }\n break;\n\n default:\n break;\n }\n\n if (!groupAppointment.data.existingAppointmentId) {\n groupAppointment.data.duration = groupAppointment.recommendedDuration;\n }\n\n groupAppointment.hasUnsavedChanges = true;\n checkConflicts();\n checkEligibility();\n }\n\n const handleDurationChange = event => {\n groupAppointment.data.duration = parseInt(event.target.value, 10);\n groupAppointment.hasUnsavedChanges = true;\n }\n\n const handleDurationBlur = event => {\n if (groupAppointment.hasUnsavedChanges) {\n checkConflicts();\n }\n }\n\n const handleSubmit = event => {\n event.preventDefault();\n\n if (fn.validateForm(validateRef.current)) {\n groupAppointment.checkEligibility(true)\n .then(eligibilityData => {\n if (isMounted.current) {\n const eligibleData = eligibilityData && eligibilityData.some(d => d.isEligible) ? eligibilityData.filter(d => d.isEligible) : null;\n const ineligibleData = eligibilityData && eligibilityData.some(d => !d.isEligible) ? eligibilityData.filter(d => !d.isEligible) : null;\n\n setEligibles(eligibleData);\n setIneligibles(ineligibleData);\n\n if (!ineligibleData) {\n groupAppointment.checkConflicts(true)\n .then(conflictData => {\n if (isMounted.current) {\n if (!conflictData) {\n handleCommitUpdate(event, true);\n } else {\n showConfirmConflictsModal();\n }\n }\n })\n } else {\n confirmModalRef.current.show({\n icon: ,\n message: <>Some patients might not be eligible for their service(s). Continue?,\n option1ClassName: 'btn btn-warning shadow-0 bootbox-accept',\n onOption1Click: handleIneligibleConfirm,\n onCancel: handleIneligibleCancel\n });\n }\n }\n })\n .catch(error => {\n console.error(error);\n })\n }\n }\n\n const showConfirmConflictsModal = () => {\n confirmModalRef.current.show({\n icon: ,\n message: <>Appointment conflict(s) detected. Continue?,\n option1ClassName: 'btn btn-warning shadow-0 bootbox-accept',\n onOption1Click: handleConflictsConfirm,\n onCancel: handleConflictsCancel\n });\n }\n\n const handleSaveNewCustomers = event => {\n return new Promise((resolve) => {\n const newCustomers = groupAppointment.data.items.filter(s => !s.customerId && s.customer).map(s => { return s.customer });\n\n if (!!newCustomers && newCustomers.length > 0) {\n const newCustomerRequests = newCustomers.map(n => {\n return api.Customers.create(n)\n });\n\n Promise.all(newCustomerRequests)\n .then((response) => {\n if (isMounted.current) {\n if (response && response.length > 0) {\n const defaultRelationshipRequests = [];\n\n for (let ri = 0; ri < response.length; ri++) {\n const tempCustomerServices = toJS(groupAppointment.data.items);\n const ci = tempCustomerServices.findIndex(c => !c.customerId && c.customer.referenceId === response[ri].data.referenceId);\n const ui1 = relationshipUpdates.findIndex(u => u.party1Id === response[ri].data.referenceId);\n const ui2 = relationshipUpdates.findIndex(u => u.party2Id === response[ri].data.referenceId);\n const tempRelationshipUpdates = Array.from(new Set([...relationshipUpdates]));\n\n if (ri > 0) {\n defaultRelationshipRequests.push(\n api.CustomerRelationships.create({\n party1Id: response[0].data.id,\n party2Id: response[ri].data.id,\n })\n );\n }\n\n if (ci > -1) {\n tempCustomerServices[ci].customerId = response[ri].data.id;\n tempCustomerServices[ci].customer.id = response[ri].data.id;\n\n groupAppointment.data.items = tempCustomerServices;\n }\n\n if (ui1 > -1) {\n tempRelationshipUpdates[ui1].party1Id = response[ri].data.id;\n }\n\n if (ui2 > -1) {\n tempRelationshipUpdates[ui2].party2Id = response[ri].data.id;\n }\n\n if (ui1 > -1 || ui2 > -1) {\n setRelationshipUpdates(tempRelationshipUpdates);\n }\n\n if (groupAppointment.data.primaryContactId === response[ri].data.referenceId) {\n groupAppointment.data.primaryContactId = response[ri].data.id\n groupAppointment.data.primaryContact.id = response[ri].data.id\n }\n }\n\n if (defaultRelationshipRequests && defaultRelationshipRequests.length > 0) {\n Promise.all(defaultRelationshipRequests);\n }\n }\n\n resolve();\n }\n })\n }\n else {\n resolve();\n }\n })\n }\n\n const handleCommitUpdate = (event, saveGroupAppointment) => {\n setIsSaving(true);\n\n handleSaveNewCustomers(event)\n .then(() => {\n if (isMounted.current) {\n const requests = [];\n const relationshipOptions = Array.isArray(relationshipUpdates) ? JSON.parse(JSON.stringify(relationshipUpdates)) : [];\n\n if (saveGroupAppointment) {\n requests.push(groupAppointment.save(true));\n\n // Create default relationships between everyone in this appointment. It won't overwrite if there is existing relationship.\n if (groupAppointment.data.primaryContact) {\n const primaryContact = groupAppointment.data.primaryContact;\n\n for (let c1 = 0; c1 < groupAppointment.data.items.length; c1++) {\n const party1 = groupAppointment.data.items[c1].customer;\n\n if (party1 && primaryContact.id !== party1.id) {\n // Check to make sure no manual updates have been made already\n if (!relationshipOptions.some(u1 => u1.party1Id === primaryContact.id && u1.party2Id === party1.id)) {\n relationshipOptions.push({\n party1Id: primaryContact.id,\n party2Id: party1.id,\n overwrite: false,\n })\n }\n }\n\n for (let p2 = 0; p2 < groupAppointment.data.items.length; p2++) {\n const party2 = groupAppointment.data.items[p2].customer;\n\n if (party1 && party2 && party1.id !== party2.id) {\n // Check to make sure no manual updates have been made already\n if (!relationshipOptions.some(u1 => u1.party1Id === party1.id && u1.party2Id === party2.id)) {\n relationshipOptions.push({\n party1Id: party1.id,\n party2Id: party2.id,\n overwrite: false,\n })\n }\n }\n }\n }\n }\n }\n\n if (relationshipOptions && relationshipOptions.length > 0) {\n requests.push(api.Batch.relationships({ relationships: relationshipOptions }));\n }\n\n Promise.all(requests)\n .then(response => {\n if (isMounted.current) {\n if (props.onSuccess && fn.isFunction(props.onSuccess)) {\n const data = Array.isArray(response) && response[0] ? response[0] : (response && response.data ? response.data : null);\n props.onSuccess(event, { updated: saveGroupAppointment, data: saveGroupAppointment ? data : null });\n }\n }\n })\n .finally(() => {\n setIsSaving(false);\n })\n }\n })\n }\n\n const handleIneligibleConfirm = event => {\n groupAppointment.checkConflicts(true)\n .then(conflicts => {\n if (isMounted.current) {\n if (!conflicts) {\n handleCommitUpdate(event, true);\n } else {\n showConfirmConflictsModal();\n }\n }\n })\n\n confirmModalRef.current.close();\n }\n\n const handleIneligibleCancel = event => {\n confirmModalRef.current.close();\n }\n\n const handleConflictsConfirm = event => {\n handleCommitUpdate(event, true);\n confirmModalRef.current.close();\n }\n\n const handleConflictsCancel = event => {\n confirmModalRef.current.close();\n }\n\n // const getCustomer = () => {\n // return (newCustomerData ? newCustomerData : existingCustomerData);\n // }\n\n const getAppointmentDateTime = () => {\n if (!groupAppointment.data.start) return null;\n\n const start = groupAppointment.data.start.clone();\n const end = groupAppointment.end ? groupAppointment.end.clone() : null;\n const hasEndTime = !!end;\n const weekday = groupAppointment.data.start.format('dddd');\n const day = start.format('D');\n const ordinal = start.format('Do').replace(day, '');\n const dateHtml = `${start.format('MMMM D')}${ordinal}${((start.year() !== moment().year()) ? `, ${start.format('YYYY')}` : '')}`;\n const startTimeHtml = `${start.format('h:mm')}${(!hasEndTime || start.format('a') !== end.format('a') ? ` ${start.format('a')}` : '')}`;\n const endTimeHtml = hasEndTime ? `${end.format('h:mm')} ${end.format('a')}` : '';\n\n return- \n
- \n \n\n\n {weekday}\n \n\n \n
- @ \n
- \n \n\n\n \n\n \n {\n hasEndTime ? <>\n
- to \n
- \n \n\n\n \n\n \n : null\n }\n
\n
\n \n \n }\n\n const renderServices = () => {\n // const filteredServices = services.filter(s =>\n // (!s.activeStartingDate || moment(s.activeStartingDate).isSameOrBefore(moment(appointment.data.start))) &&\n // appointment.data.services.filter(a => a.id === s.id).length === 0);\n const filteredServices = services.filter(s =>\n (!s.activeStartingDate || moment(s.activeStartingDate).isSameOrBefore(moment(groupAppointment.data.start))));\n\n return filteredServices.map(s => {\n return {\n id: s.id,\n name: `${s.code} - ${s.name}`,\n code: s.code,\n colorHexValue: s.colorHexValue,\n duration: (s.defaultDurationInMinutes ? s.defaultDurationInMinutes : 0),\n isRepeatable: s.isRepeatable,\n userOverrides: s.userOverrides\n }\n })\n }\n\n const refreshPrimaryContacts = () => {\n return new Promise((resolve) => {\n const customerIds = Array.from([...new Set(groupAppointment.data.items.filter(c => c.customerId).map(c => { return c.customerId }))]);\n\n if (customerIds && customerIds.length > 0 && groupAppointment.data.items.some(c => c.customer && c.customer.primaryContactPersonId)) {\n const primaryContactPersonIds = Array.from([...new Set(groupAppointment.data.items.filter(c => c.customer && c.customer.primaryContactPersonId).map(c => { return c.customer.primaryContactPersonId }))]);\n customerIds.push(...primaryContactPersonIds);\n }\n\n if (customerIds && customerIds.length > 0) {\n api.CustomerRelationships.search({\n parameters: [{\n field: 'Party1Id',\n value: customerIds.join(','),\n operator: 'Contains'\n }],\n includeTotalCount: false,\n })\n .then(({ data }) => {\n if (isMounted.current) {\n if (data && data.result && data.result.length > 0) {\n setRelationships(data.result);\n resolve(data.result);\n }\n else {\n setRelationships([]);\n resolve();\n }\n }\n })\n }\n else {\n setRelationships([]);\n resolve();\n }\n })\n }\n\n const getPrimaryContactOptions = () => {\n let result = [];\n\n if (groupAppointment.data.items.some(c => c.customer)) {\n for (let ci = 0; ci < groupAppointment.data.items.length; ci++) {\n if (groupAppointment.data.items[ci].customer && !result.some(r => r.id === groupAppointment.data.items[ci].customer.id)) {\n result.push(groupAppointment.data.items[ci].customer);\n }\n }\n }\n\n if (relationships && relationships.length > 0) {\n for (let ri = 0; ri < relationships.length; ri++) {\n if (!result.some(r => r.id === relationships[ri].relatedTo.id)) {\n result.push(relationships[ri].relatedTo);\n }\n }\n }\n\n if (groupAppointment.data.primaryContact && !result.some(r => (\n r.id === groupAppointment.data.primaryContact.id ||\n r.id === groupAppointment.data.primaryContact.referenceId ||\n r.referenceId === groupAppointment.data.primaryContact.referenceId\n ))) {\n groupAppointment.data.primaryContact = null;\n groupAppointment.data.primaryContactId = null;\n }\n\n return result;\n }\n\n const getSuggestionOptions = () => {\n let result = [];\n\n if (relationships && relationships.length > 0) {\n for (let ri = 0; ri < relationships.length; ri++) {\n if (!groupAppointment.data.items.some(c => c.customer && c.customer.id === relationships[ri].relatedTo.id) &&\n !result.some(r => r.id === relationships[ri].relatedTo.id)) {\n result.push(relationships[ri].relatedTo);\n }\n }\n }\n\n return result;\n }\n\n return <>\n {\n (datePickerOpen || startTimePickerOpen || endTimePickerOpen) ?\n \n \n
\n \n \n {`${customer.firstName[0]}${customer.lastName[0]}`.toUpperCase()}\n \n
\n \n {\n !customerId ?\n
\n {bh.renderAppointmentNew(null, 'badge-sm fs-sm mb-1')}
: null\n }\n \n
\n \n \n {ph.getFullName(customer, true)}\n {\n customer.dateOfBirth || customer.sex || customer.gender || customer.pronoun ?\n ({`${ph.getAge(customer.dateOfBirth)} ${ph.getSexGenderPronounDisplay(customer)}`.trim()}) : null\n }\n {\n customer.dateOfBirth ?\n
\n DOB:{sys.getFormattedLongDate(customer.dateOfBirth)}
: null\n }\n {\n customer.patientProfile && customer.patientProfile.healthCardNumber ?\n HC #:{ph.formatHealthCard(customer.patientProfile.healthCardNumber)}(Exp. {fn.formatDate(customer.patientProfile.healthCardExpiryDate, 'MMM Do, YYYY')})
: null\n }\n \n { handleRelationshipChange(e, customer, index) }}\n >\n \n \n \n \n Add another patient : null\n }\n
\n \n (\n \n {item.code}\n \n )}\n value={(existingServices && existingServices.length > 0 ? existingServices.map(s => { return s.id }) : [])}\n onChange={(tag, metadata) => { handleServiceSelection(index, tag, metadata) }}\n />\n
\n {\n index === (groupAppointment.data.items.length - 1) ?\n \n \n {renderCustomer(customerId, customer, services, ci)}\n : null\n }\n
\n \n \n : null\n }) : null\n }\n \n
\n : null\n }\n {\n customer ?\n \n
\n \n \n {\n !customer ?\n <>\n Add new customer\n {\n ci > 1 ?\n { handleCustomerRemove(e, ci) }}\n >\n \n : null\n }\n :\n <>\n { handleCustomerRemove(e, ci) }}\n >\n \n \n \n }\n
\n {\n !customer ?\n <>\n \n
\n \n })\n }\n \n \n newAppointmentCustomerFilterRef.current[ci] = element}\n delay={500}\n onChange={(e, term) => { handleCustomerSearchChange(e, ci, term) }}\n />\n
\n - \n {\n (customerSearchResult && customerSearchResult.length > 0 ? customerSearchResult.slice(0, 5) : getSuggestionOptions())\n .map((s, si) => {\n return
\n \n {s.initials}\n \n
\n \n \n {ph.getLastFirstName(s, true)}\n {\n s.dateOfBirth || s.sex || s.gender || s.pronoun ?\n ({`${ph.getAge(s.dateOfBirth)} ${ph.getSexGenderPronounDisplay(s)}`.trim()}) : null\n }\n
\n {\n s.address && s.address.country ?\n {s.address.fullLine}
: null\n }\n {\n s.dateOfBirth ?\n DOB: {fn.formatDate(s.dateOfBirth)}
: null\n }\n {\n s.emailAddress ?\n {s.emailAddress}
: null\n }\n {\n s.primaryPhoneNumber ?\n {sys.getFormattedPhoneNumber(s.primaryPhoneNumber.number)}
: null\n }\n \n
\n \n {() =>\n \n
\n \n \n
\n }\n
\n \n min.\n
\n \n
\n \n \n \n }\n \n
\n \n
\n \n Cancel\n Save\n
\n Customer updated.
);\n }\n customerUpdate.clear();\n }\n\n const handleUpdateCustomerCancel = () => {\n customerUpdate.clear();\n }\n\n const handleSeeNotes = () => {\n if (updateGroupAppointment.data.customer) {\n groupAppointmentNoteSearch.initialize(toJS(updateGroupAppointment.appointments));\n quickDrawer.activateQuickDrawer('group-appointment', 'note', null, handleNoteUpdateSuccess, handleNoteUpdateCancel);\n }\n }\n\n const handleNoteUpdateSuccess = () => {\n noteSearch.clear();\n }\n\n const handleNoteUpdateCancel = () => {\n noteSearch.clear();\n }\n\n const handleDeleteAppointment = () => {\n onSuccess = quickDrawer.success1Callback;\n onCancel = quickDrawer.cancel1Callback;\n onError = quickDrawer.error1Callback;\n\n updateGroupAppointment.initialize(updateGroupAppointment.groupId);\n quickDrawer.activateQuickDrawer('group-appointment', 'delete', null, handleDeleteAppointmentSuccess);\n }\n\n const handleDeleteAppointmentSuccess = () => {\n quickDrawer.deactivateQuickDrawer1();\n if (fn.isFunction(onSuccess)) {\n onSuccess('deleted');\n onSuccess = null;\n onCancel = null;\n onError = null;\n }\n updateGroupAppointment.clear();\n }\n\n const handleAppointmentTimelineChange = (data, appointments, timelineItem) => {\n const reminderType = data.isPrebook ? 'GroupAppointmentPrebookReminder' : (appointments.some(a => (a.isNew || a.isFirstExam)) ? 'GroupAppointmentReminderNew' : 'GroupAppointmentReminder');\n\n if (timelineItem.onClick) {\n const onSuccess = timelineItem.name === 'Reminder' ? () => { handleSendAppointmentCommunication(reminderType) } : null;\n const extraProps = {\n timelineItem: timelineItem,\n appointment: data,\n customer: data.customer,\n };\n th.quickDrawerTrigger(timelineItem.onClick, quickDrawer, extraProps, onSuccess);\n } else {\n if (timelineItem.performedDateUtc) {\n handleConfirmAppointmentTimelineShow(data, timelineItem);\n } else {\n handleAppointmentTimelineCommit(data, timelineItem);\n }\n }\n }\n\n const handleConfirmAppointmentTimelineShow = (data, timelineItem) => {\n if (timelineItem) {\n const formattedText = timelineItem.isGrouped ? th.format(updateGroupAppointment.appointments, timelineItem, timelineItem.menuFormat) : th.format(data, timelineItem, timelineItem.groupMenuFormat);\n\n confirmModalRef.current.show({\n icon: ,\n message: <>Continue to undo '{formattedText}' ? ,\n onOption1Click: () => { handleConfirmAppointmentTimelineDelete(data, timelineItem) },\n onCancel: handleConfirmAppointmentTimelineCancel,\n })\n }\n }\n\n const handleConfirmAppointmentTimelineDelete = (data, timelineItem) => {\n handleAppointmentTimelineCommit(data, timelineItem);\n confirmModalRef.current.close();\n }\n\n const handleConfirmAppointmentTimelineCancel = () => {\n confirmModalRef.current.close();\n }\n\n const handleAppointmentTimelineCommit = (data, timelineItem) => {\n if (timelineItem.isGrouped) {\n updateGroupAppointment.groupTimeline(timelineItem.id, true)\n .then(() => {\n if (isMounted.current) {\n toast.dark(() =>Appointment updated.
);\n }\n })\n }\n else {\n updateGroupAppointment.timeline(data.id, timelineItem.id, true)\n .then(() => {\n if (isMounted.current) {\n toast.dark(() =>Appointment updated.
);\n }\n })\n }\n }\n\n const handleSendAppointmentCommunication = (action) => {\n const isValid = amh.checkGroupAppointmentIsValid(updateGroupAppointment.data);\n const description = !isValid ?\n Please setup contact information and try again. :\n (\n updateGroupAppointment.data && updateGroupAppointment.data.primaryContact.contactInstructions && updateGroupAppointment.data.primaryContact.contactInstructions.length > 0 ?\n <> : null\n );\n\n confirmModalRef.current.show({\n icon: amh.getIcon(updateGroupAppointment.data, action),\n message: amh.getMessage(updateGroupAppointment.data, action),\n description: description,\n option1ClassName: 'btn btn-appointment shadow-0 bootbox-accept' + (!isValid ? ' d-none' : ''),\n option1Text: 'Email',\n option1Disabled: (!updateGroupAppointment.data || !updateGroupAppointment.data.primaryContact.defaultEmailAddressContact),\n option2ClassName: 'btn btn-secondary shadow-0 bootbox-accept' + (!isValid ? ' d-none' : ''),\n option2Text: 'SMS',\n option2Disabled: (!updateGroupAppointment.data || !updateGroupAppointment.data.primaryContact.defaultMobileNumberContact),\n cancelText: (isValid ? 'No' : 'OK'),\n onOption1Click: (e) => { handleCommunicationSend(e, 'email', action) },\n onOption2Click: (e) => { handleCommunicationSend(e, 'sms', action) },\n onCancel: handleCommunicationCancel\n })\n\n if (isMounted.current) {\n isCommunicationActive.current = true;\n }\n }\n\n const handleSendAppointmentCommunicationContactInstructions = (customerId) => {\n confirmModalRef.current.close();\n handleContactInstructions(customerId);\n }\n\n const handleCommunicationSend = (event, type, action) => {\n let defaultContact;\n\n if (type) {\n switch (type.toLowerCase()) {\n case 'email':\n defaultContact = updateGroupAppointment.data.primaryContact.defaultEmailAddressContact;\n break;\n\n case 'sms':\n defaultContact = updateGroupAppointment.data.primaryContact.defaultMobileNumberContact;\n break;\n\n default:\n break;\n }\n }\n\n communication.initialize(\n type,\n action,\n updateGroupAppointment.data.groupId,\n [],\n updateGroupAppointment.data.primaryContactId,\n defaultContact,\n null,\n null,\n null,\n updateGroupAppointment.appointments.map(a => { return a.id }),\n )\n .then(() => {\n confirmModalRef.current.close();\n communicationModalRef.current.show(type);\n })\n }\n\n const handleCommunicationCancel = (event) => {\n confirmModalRef.current.close();\n\n if (isMounted.current) {\n isCommunicationActive.current = false;\n }\n }\n\n const handleAppointmentStatusChange = (event, appointment, newStatus) => {\n updateAppointment.initialize(appointment.id)\n .then(() => {\n updateAppointment.status(newStatus, true)\n .then(() => {\n if (isMounted.current) {\n toast.dark(() =>Appointment updated.
);\n updateAppointment.clear();\n }\n })\n })\n }\n\n const handleGroupAppointmentStatusChange = (newStatus) => {\n updateGroupAppointment.status(newStatus, true)\n .then(() => {\n if (isMounted.current) {\n toast.dark(() =>Appointment updated.
);\n }\n })\n }\n\n const handleBookAnotherAppointment = (event, customer) => {\n newAppointment.stage(customer);\n\n if (fn.isFunction(props.onCancel)) {\n props.onCancel();\n }\n }\n\n const handleCommunicationSent = (event, result) => {\n if (result && result.type) {\n if (result.reference === 'AppointmentReview' && result.response) {\n api.ReviewRequests.create({\n referenceIds: updateGroupAppointment.appointments.map(a => { return a.id }),\n communicationId: result.response[0].data.id,\n reviewTemplate: 'Appointment',\n })\n .finally(() => {\n toast.dark(() =>{result.type} {result.scheduledSendDateTimeLocal ? 'scheduled' : 'sent'}.
);\n })\n }\n else {\n toast.dark(() =>{result.type} {result.scheduledSendDateTimeLocal ? 'scheduled' : 'sent'}.
);\n }\n }\n else {\n toast.dark(() =>Communication sent.
);\n }\n\n communicationModalRef.current.close();\n }\n\n const handleCommunicationClose = () => {\n if (isMounted.current) {\n isCommunicationActive.current = false;\n }\n }\n\n const handleContactInstructions = (customerId) => {\n noteSearch.initialize(customerId, null, 'contactInstruction', false, true);\n quickDrawer.activateQuickDrawer('note', 'view', { title: 'Communication Instructions', icon: 'fal fa-comment-alt-exclamation', renderFilters: false });\n }\n\n const renderAppointmentDateTime = () => {\n if (!updateGroupAppointment.data || !updateGroupAppointment.data.start) return null;\n\n const start = moment(updateGroupAppointment.data.start);\n const end = updateGroupAppointment.data.end ? moment(updateGroupAppointment.data.end) : null;\n const hasEndTime = !!end;\n const weekday = start.format('dddd');\n const day = start.format('D');\n const ordinal = start.format('Do').replace(day, '');\n const dateHtml = `${start.format('MMMM D')}${ordinal}${((start.year() !== moment().year()) ? `, ${start.format('YYYY')}` : '')}`;\n const startTimeHtml = `${start.format('h:mm')}${(!hasEndTime || start.format('a') !== end.format('a') ? ` ${start.format('a')}` : '')}`;\n const endTimeHtml = hasEndTime ? `${end.format('h:mm')} ${end.format('a')}` : '';\n\n return\n
\n }\n\n const renderResource = () => {\n if (!updateGroupAppointment.data) return;\n\n const resource = updateGroupAppointment.data.resource;\n\n return \n
\n \n
\n - \n
- \n \n {weekday}\n \n\n \n
- @ \n
- \n \n \n\n \n
- to \n
- \n \n \n\n \n
\n \n {resource && !resource.profilePictureUri ?
\n {resource.initials}
: null}\n \n \n
\n \n }\n\n const renderPrimaryContact = () => {\n if (!updateGroupAppointment.data) return;\n\n const { primaryContact } = updateGroupAppointment.data;\n\n return {resource.fullName}
\n \n
\n \n {bh.renderAppointmentRescheduledByOffice(updateGroupAppointment.data, 'p-1 mr-1 mt-1')}\n {bh.renderAppointmentRescheduledByCustomer(updateGroupAppointment.data, 'p-1 mr-1 mt-1')}\n
\n \n \n {primaryContact.initials}\n \n
\n \n {bh.renderSpokenLanguage(primaryContact, 'fs-sm')}\n \n {ph.getFullName(primaryContact, true)}\n {\n primaryContact.dateOfBirth || primaryContact.sex || primaryContact.gender || primaryContact.pronoun ?\n ({`${ph.getAge(primaryContact.dateOfBirth, moment(updateGroupAppointment.data.start))} ${ph.getSexGenderPronounDisplay(primaryContact)}`.trim()}) : null\n }\n \n {\n primaryContact.address && primaryContact.address.country ?\n
\n {ah.getAddressHtml(primaryContact.address)}
: null\n }\n {\n primaryContact.emailAddress ?\n \n {primaryContact.emailAddress}\n \n
: null\n }\n {\n primaryContact.phoneNumber ?\n \n {sys.getFormattedPhoneNumber(primaryContact.phoneNumber)}\n \n
: null\n }\n {\n primaryContact.contactInstructions && primaryContact.contactInstructions.length > 0 ?\n \n { handleContactInstructions(primaryContact.id) }}\n >See communication instructions\n
: null\n }\n \n
\n \n }\n\n const renderAppointment = (appointment) => {\n if (!appointment.customer) return;\n\n const { customer } = appointment;\n const contextMenuItems = [{\n icon: 'fal fa-pen',\n name: `Edit ${ph.getPreferredFirstName(customer)}`,\n callback: e => { handleUpdateCustomer(e, customer) },\n }];\n\n if (aph.isEndState(appointment)) {\n contextMenuItems.push({\n icon: 'fal fa-calendar-plus',\n name: `Book another appointment`,\n callback: e => { handleBookAnotherAppointment(e, customer) },\n });\n }\n\n if (ach.hasFullAccess(auth.currentUser.id) || th.isEnabled(updateGroupAppointment.data, 'AppointmentDayOnly')) {\n if (appointment.status === 'Booked') {\n contextMenuItems.push({\n icon: 'fas fa-check',\n name: `Mark ${ph.getPreferredFirstName(customer)} as Complete`,\n callback: e => { handleAppointmentStatusChange(e, appointment, 'Completed') },\n });\n contextMenuItems.push({\n icon: 'fas fa-times',\n name: `Mark ${ph.getPreferredFirstName(customer)} as No Show`,\n callback: e => { handleAppointmentStatusChange(e, appointment, 'NoShow') },\n })\n }\n else if (appointment.status === 'Completed' && !getAllAreCompletedOrNoShow()) {\n contextMenuItems.push({\n icon: 'fas fa-check',\n name: `Undo ${ph.getPreferredFirstName(customer)} as Complete`,\n callback: e => { handleAppointmentStatusChange(e, appointment, 'Booked') },\n });\n }\n else if (appointment.status === 'NoShow' && !getAllAreCompletedOrNoShow()) {\n contextMenuItems.push({\n icon: 'fas fa-times',\n name: `Undo ${ph.getPreferredFirstName(customer)} as No Show`,\n callback: e => { handleAppointmentStatusChange(e, appointment, 'Booked') },\n });\n }\n }\n\n return \n { handleUpdateCustomer(e, primaryContact) }}\n >\n \n \n
\n \n \n {customer.initials}\n \n
\n \n \n {ph.getFullName(customer, true)}\n {\n customer.dateOfBirth || customer.sex || customer.gender || customer.pronoun ?\n ({`${ph.getAge(customer.dateOfBirth, moment(updateGroupAppointment.data.start))} ${ph.getSexGenderPronounDisplay(customer)}`.trim()}) : null\n }\n \n {\n customer.dateOfBirth ?\n
\n DOB:{sys.getFormattedLongDate(customer.dateOfBirth)}
: null\n }\n {\n customer.patientProfile && customer.patientProfile.healthCardNumber ?\n HC #:{ph.formatHealthCard(customer.patientProfile.healthCardNumber)}(Exp. {fn.formatDate(customer.patientProfile.healthCardExpiryDate, 'MMM Do, YYYY')})
: null\n }\n {\n !getAllAreCompleted() && appointment.status === 'Completed' ?\n \n {ph.getPreferredFirstName(customer)}'s appointment completed\n
: null\n }\n {\n !getAllAreNoShow() && appointment.status === 'NoShow' ?\n \n {ph.getPreferredFirstName(customer)} did not show\n
: null\n }\n \n {bh.renderAppointmentNew(appointment, 'p-1 mr-1')}\n {bh.renderAppointmentFirstExam(appointment, 'p-1 mr-1')}\n {\n appointment.services.map((s, si) => {\n return \n {bh.renderServiceCode(s, 'p-1 mr-1', (!s.isEligible || !aph.isEndState(appointment)))}\n \n })\n }\n
\n \n \n \n
\n {\n !aph.isEndState(appointment) && appointment.services.some(s => s.isEligibilityCheckRequired) && getIsEditable() ?\n \n \n \n
\n \n { handleVerifyEligibility(e, appointment.id) }}\n >\n \n \n
: null\n }\n \n \n }\n\n const renderAppointmentTimeline = () => {\n const isEditable = getIsEditable();\n const timeline = updateGroupAppointment.appointments && updateGroupAppointment.appointments.length > 0 ? updateGroupAppointment.appointments.reduce((array, appointment) => {\n if (appointment && appointment.timeline && appointment.timeline.length > 0) {\n for (var ti = 0; ti < appointment.timeline.length; ti++) {\n const timelineItem = appointment.timeline[ti];\n const isEditableTimelineItem = isEditable && th.isEnabled(appointment, timelineItem.restriction, timelineItem.id, timelineItem.id, timelineItem.displayOrder) && (timelineItem.performedDateUtc || !timelineItem.isAutomated);\n const isPerformedTimelineItem = !!timelineItem.performedDateUtc;\n\n if (isEditableTimelineItem || isPerformedTimelineItem) {\n if (array.some(a => a.id === timelineItem.id)) {\n const index = array.findIndex(a => a.id === timelineItem.id);\n const existingItem = array[index];\n const isExistingItemAfter = !!timelineItem.performedDateUtc && moment.utc(existingItem.performedDateUtc).isAfter(moment.utc(timelineItem.performedDateUtc));\n\n if (!existingItem.performedDateUtc || isExistingItemAfter) {\n array[index] = toJS(timelineItem);\n }\n }\n else {\n array.push(toJS(timelineItem));\n }\n }\n }\n }\n return array;\n }, []) : [];\n // const timeline = isEditable ? updateGroupAppointment.data.timeline.filter(t => th.isEnabled(updateGroupAppointment.data, t.restriction, t.id, t.id, t.displayOrder) && (t.performedDateUtc || !t.isAutomated)) : updateGroupAppointment.data.timeline.filter(t => t.performedDateUtc);\n\n return timeline && timeline.length > 0 ?\n timeline.sort((a, b) => a.displayOrder - b.displayOrder).map((t, ti) => {\n if (t.isGrouped) {\n const started = (updateGroupAppointment.data.timeline.some(l => l.displayOrder > t.displayOrder && l.performedDateUtc) || getSomeAreCompletedOrNoShow());\n\n return \n \n \n \n
\n \n
\n \n }\n else {\n return updateGroupAppointment.appointments.map((appointment, appointmentIndex) => {\n const groupedItem = appointment.timeline.filter(tl => tl.id === t.id)[0];\n const groupStarted = (appointment.timeline.some(l => l.displayOrder > t.displayOrder && l.performedDateUtc) || getSomeAreCompletedOrNoShow());\n\n return groupedItem && appointment.status !== 'NoShow' && (!groupedItem.isAutomated || (groupedItem.isAutomated && groupedItem.performedDateUtc)) ?\n \n {\n (isEditable && (t.onClick || !t.performedDateUtc)) ?\n <>\n \n \n {\n (isEditable && !t.isAutomated)\n ? handleAppointmentTimelineChange(updateGroupAppointment.data, updateGroupAppointment.appointments, t)}\n >\n \n : null\n }\n \n }\n
\n \n handleAppointmentTimelineChange(updateGroupAppointment.data, updateGroupAppointment.appointments, t)}\n >\n \n \n
\n :\n <>\n \n \n \n \n
\n \n
\n : \n {\n isEditable && (groupedItem.onClick || !groupedItem.performedDateUtc) ?\n <>\n \n \n {\n (isEditable && !groupedItem.isAutomated)\n ? handleAppointmentTimelineChange(appointment, updateGroupAppointment.appointments, groupedItem)}\n >\n \n : null\n }\n \n }\n
\n \n handleAppointmentTimelineChange(appointment, updateGroupAppointment.appointments, groupedItem)}\n >\n \n \n
\n :\n <>\n Customer(s) created.
);\n }\n\n if (props.onCancel && fn.isFunction(props.onCancel)) {\n props.onCancel();\n }\n });\n }\n\n const checkConflicts = () => {\n groupAppointment.checkConflicts()\n .then(conflicts => {\n if (isMounted.current) {\n setConflicts(conflicts);\n }\n })\n }\n\n const checkEligibility = () => {\n if (groupAppointment.data && groupAppointment.data.customer) {\n groupAppointment.checkEligibility()\n .then(data => {\n if (isMounted.current) {\n const eligibleData = data && data.some(d => d.isPublicHealthChecked && d.isEligible) ? data.filter(d => d.isPublicHealthChecked && d.isEligible) : null;\n const ineligibleData = data && data.some(d => !d.isPublicHealthChecked || !d.isEligible) ? data.filter(d => !d.isPublicHealthChecked || !d.isEligible) : null;\n setEligibles(eligibleData);\n setIneligibles(ineligibleData);\n }\n })\n } else {\n setEligibles(null);\n setIneligibles(null);\n }\n }\n\n const handleCancel = () => {\n if (fn.isFunction(props.onCancel)) {\n if (groupAppointment.hasUnsavedChanges) {\n if (window.confirm(ErrorMessages.DISCARD_CHANGES)) {\n const newCustomers = groupAppointment.items.filter(s => !s.customerId && s.customer).map(s => { return s.customer });\n if (newCustomers && newCustomers.length > 0) {\n confirmModalRef.current.show({\n icon: ,\n message: <>Save new customer(s) before exiting?,\n option1ClassName: 'btn btn-success shadow-0 bootbox-accept',\n option1Text: 'Yes',\n cancelText: 'No',\n onOption1Click: handleSaveNewCustomersBeforeExit,\n onCancel: () => { props.onCancel(); }\n })\n }\n else {\n props.onCancel();\n }\n }\n } else {\n props.onCancel();\n }\n }\n }\n\n const handleRescheduleAppointment = () => {\n const stageId = groupAppointment.groupId;\n groupAppointment.stage(stageId)\n .then(() => {\n groupAppointment.hasUnsavedChanges = true;\n quickDrawer.deactivateAll();\n })\n }\n\n const handleResourceChange = ({ id }) => {\n groupAppointment.data.userId = id;\n groupAppointment.hasUnsavedChanges = true;\n checkConflicts();\n }\n\n const handleDatePickerDisplay = event => {\n setStartTimePickerOpen(false);\n setEndTimePickerOpen(false);\n if (!datePickerOpen) {\n setDatePickerOpen('date');\n }\n }\n\n const handleDatePickerChange = value => {\n const newStart = moment(`${moment(value).format('YYYY-MM-DD')} ${groupAppointment.start.format('h:mm a')}`, 'YYYY-MM-DD h:mm a');\n const newEnd = newStart.clone().add(groupAppointment.data.duration, 'minutes');\n\n groupAppointment.data.start = newStart.format('YYYY-MM-DDTHH:mm:ss');\n groupAppointment.data.utcOffset = newStart.utcOffset() / 60;\n groupAppointment.data.end = newEnd.format('YYYY-MM-DDTHH:mm:ss');\n groupAppointment.hasUnsavedChanges = true;\n\n checkConflicts();\n checkEligibility();\n setDatePickerOpen(false);\n }\n\n const handleStartTimePickerDisplay = event => {\n setDatePickerOpen(false);\n setEndTimePickerOpen(false);\n if (!startTimePickerOpen) {\n setStartTimePickerOpen('time');\n startTimePickerTimer.current = setTimeout(() => {\n const picker = document.querySelector('#startTimePicker .rw-state-selected');\n if (picker) {\n picker.focus();\n } // UI HACK: need to pass focus to the selected item otherwise mouse scroll and then click will cause focus to trigger.\n }, 300)\n }\n }\n\n const handleStartTimePickerChange = value => {\n const newStart = moment(`${groupAppointment.start.format('YYYY-MM-DD')} ${moment(value).format('h:mm a')}`, 'YYYY-MM-DD h:mm a');\n const newEnd = newStart.clone().add(groupAppointment.data.duration, 'minutes');\n\n groupAppointment.data.start = newStart.format('YYYY-MM-DDTHH:mm:ss');\n groupAppointment.data.utcOffset = newStart.utcOffset() / 60;\n groupAppointment.data.end = newEnd.format('YYYY-MM-DDTHH:mm:ss');\n groupAppointment.hasUnsavedChanges = true;\n\n checkConflicts();\n setStartTimePickerOpen(false);\n }\n\n const handleEndTimePickerDisplay = event => {\n setDatePickerOpen(false);\n setStartTimePickerOpen(false);\n if (!endTimePickerOpen) {\n setEndTimePickerOpen('time');\n endTimePickerTimer.current = setTimeout(() => {\n const picker = document.querySelector('#endTimePicker .rw-state-selected');\n if (picker) {\n picker.focus();\n } // UI HACK: need to pass focus to the selected item otherwise mouse scroll and then click will cause focus to trigger.\n }, 300)\n }\n }\n\n const handleEndTimePickerChange = value => {\n const start = groupAppointment.start.clone();\n const newEnd = moment(`${groupAppointment.end.format('YYYY-MM-DD')} ${moment(value).format('h:mm a')}`, 'YYYY-MM-DD h:mm a');\n const duration = newEnd.diff(start, 'minutes');\n\n groupAppointment.data.end = newEnd.format('YYYY-MM-DDTHH:mm:ss');\n groupAppointment.data.duration = duration;\n groupAppointment.hasUnsavedChanges = true;\n\n checkConflicts();\n setEndTimePickerOpen(false);\n }\n\n const handleDurationChange = event => {\n groupAppointment.data.duration = parseInt(event.target.value, 10);\n groupAppointment.data.end = groupAppointment.start.clone().add(groupAppointment.data.duration, 'minutes');\n groupAppointment.hasUnsavedChanges = true;\n }\n\n const handleDurationBlur = event => {\n if (groupAppointment.hasUnsavedChanges) {\n checkConflicts();\n }\n }\n\n const handleRelationshipChange = (event, customer, index) => {\n if (groupAppointment.data.primaryContact && customer && customer.id) {\n const relationship = event.target.value;\n const tempRelationshipUpdates = Array.from(new Set([...relationshipUpdates]));\n const ri = relationshipUpdates.findIndex(r => r.party1Id === groupAppointment.data.primaryContact.id && r.party2Id === customer.id);\n const relationshipUpdate = {\n party1Id: groupAppointment.data.primaryContact.id,\n party2Id: customer.id,\n relationshipType: relationship\n }\n\n if (ri > -1) {\n tempRelationshipUpdates[ri] = relationshipUpdate;\n }\n else {\n tempRelationshipUpdates.push(relationshipUpdate);\n }\n\n setRelationshipUpdates(tempRelationshipUpdates);\n groupAppointment.items[index].relationship = relationship;\n groupAppointment.hasUnsavedChanges = true;\n }\n }\n\n const handleServiceChange = (index, tag, metadata) => {\n const service = (!metadata.dataItem.id || typeof metadata.dataItem === 'string') ? services.filter(s => s.id === metadata.dataItem)[0] : metadata.dataItem;\n\n if (service) {\n switch (metadata.action) {\n case 'insert':\n if (!groupAppointment.items[index].services.some(s => s.id === service.id)) {\n groupAppointment.items[index].services.push({\n id: service.id,\n code: service.code,\n name: service.code,\n duration: service.duration,\n isRepeatable: service.isRepeatable,\n isSubsidized: service.isSubsidized,\n });\n\n groupAppointment.data.duration = groupAppointment.data.duration + service.duration;\n }\n break;\n\n case 'remove':\n const serviceIndex = groupAppointment.items[index].services.findIndex(s => s.id === service.id);\n if (serviceIndex !== -1) {\n const newDuration = groupAppointment.data.duration - (service.defaultDurationInMinutes ? service.defaultDurationInMinutes : 0);\n\n groupAppointment.items[index].services.splice(serviceIndex, 1);\n groupAppointment.data.duration = newDuration && newDuration > 0 ? newDuration : null;\n }\n break;\n\n default:\n break;\n }\n\n groupAppointment.hasUnsavedChanges = true;\n checkConflicts();\n checkEligibility();\n }\n }\n\n const handleRequestByChange = event => {\n groupAppointment.rescheduleRequestBy = event.target.value;\n groupAppointment.hasUnsavedChanges = true;\n }\n\n const handleReasonChange = (content, delta, source, editor) => {\n const reason = editor.getText().replace(/(\\r\\n|\\n|\\r)/g, ' ').trim();\n const reasonHtml = (content === '\n @ \n \n
\n \n
\n - \n
- \n \n\n
\n {weekday}\n \n
\n \n \n { setStartTimePickerOpen(false) }}\n >
\n \n \n
\n \n {\n hasEndTime ? <>\n \n { setEndTimePickerOpen(false) }}\n >
\n \n \n
\n \n {\n !groupAppointment.stageId && groupAppointment.data && groupAppointment.data.status === 'Booked' ?\n \n \n : null\n }\n
\n \n }\n\n const renderCustomer = (customerId, customer, existingServices, index) => {\n return \n
\n \n \n }\n\n const renderServices = (existingServices) => {\n const filteredServices = services.filter(s =>\n (!s.activeStartingDate || moment(s.activeStartingDate).isSameOrBefore(moment(groupAppointment.data.start))) &&\n existingServices.filter(a => a.id === s.id).length === 0);\n\n return filteredServices.map(s => {\n return {\n id: s.id,\n name: `${s.code} - ${s.name}`,\n code: s.code,\n colorHexValue: s.colorHexValue,\n isSubsidized: s.isSubsidized,\n duration: (s.defaultDurationInMinutes ? s.defaultDurationInMinutes : 0),\n }\n })\n }\n\n const refreshRelationships = () => {\n return new Promise((resolve) => {\n const customerIds = Array.from([...new Set(groupAppointment.items.filter(a => a.customerId).map(c => { return c.customerId }))]);\n\n customerIds.push(groupAppointment.data.primaryContactId);\n\n if (customerIds && customerIds.length > 0 && groupAppointment.items.some(a => a.customer && a.customer.primaryContactPersonId)) {\n const primaryContactPersonIds = Array.from([...new Set(groupAppointment.items.filter(a => a.customer && a.customer.primaryContactPersonId).map(a => { return a.customer.primaryContactPersonId }))]);\n customerIds.push(...primaryContactPersonIds);\n }\n\n if (customerIds && customerIds.length > 0) {\n api.CustomerRelationships.search({\n parameters: [{\n field: 'Party1Id',\n value: customerIds.join(','),\n operator: 'Contains'\n }],\n includeTotalCount: false,\n })\n .then(({ data }) => {\n if (isMounted.current) {\n if (data && data.result && data.result.length > 0) {\n const filteredRelationships = data.result.filter(r => groupAppointment.data.primaryContact && r.customerId === groupAppointment.data.primaryContact.id);\n\n if (filteredRelationships && filteredRelationships.length > 0) {\n for (let ci = 0; ci < groupAppointment.items.length; ci++) {\n const filteredRelationship = filteredRelationships.filter(r => r.relatedTo && groupAppointment.items[ci].customer && r.relatedTo.id === groupAppointment.items[ci].customer.id)[0];\n\n if (filteredRelationship) {\n groupAppointment.items[ci].relationship = filteredRelationship.relationship;\n }\n else {\n groupAppointment.items[ci].relationship = null;\n }\n }\n }\n }\n\n setRelationships(data.result);\n resolve(data.result);\n }\n })\n }\n else {\n resolve();\n }\n })\n }\n\n const getHasPublicInsuranceBillingLocked = (customer) => {\n const appointment = groupAppointment.appointments.filter(a => a.customerId === customer.id)[0];\n const services = appointment && appointment.exam && appointment.exam.services;\n return services && services.some(s => s.lastPublicInsuranceBilling && s.lastPublicInsuranceBilling.isLocked);\n }\n\n const getIsExamCompleted = (customer) => {\n const appointment = groupAppointment.appointments.filter(a => a.customerId === customer.id)[0];\n return !appointment || (!!appointment.exam && !!appointment.exam.completedDateUtc);\n }\n\n const getHasInvalidSubsidizedCodes = () => {\n let found = false;\n\n for (let ci = 0; ci < groupAppointment.items.length; ci++) {\n if (groupAppointment.items[ci].services && groupAppointment.items[ci].services.some(s => s.isSubsidized)) {\n found = found || getHasInvalidCustomerSubsidizedCodes(groupAppointment.items[ci].customer);\n }\n }\n\n return found;\n }\n\n const getHasInvalidCustomerSubsidizedCodes = (customer) => {\n let found = false;\n\n const hasPublicInsuranceBillingLocked = getHasPublicInsuranceBillingLocked(customer);\n const isExamCompleted = getIsExamCompleted(customer);\n\n if (hasPublicInsuranceBillingLocked || isExamCompleted) {\n const ci = groupAppointment.items.findIndex(cs => cs.customer.id === customer.id);\n const filteredOriginalServices = originalCustomerServices.filter(o => o.customer.id === customer.id)[0];\n\n if (filteredOriginalServices && filteredOriginalServices.services && groupAppointment.items[ci] && groupAppointment.items[ci].services) {\n const hasNewSubsidizedServices = groupAppointment.items[ci].services.some(s => s.isSubsidized && !filteredOriginalServices.services.some(o => o.id === s.id));\n const hasRemovedSubsidizedServices = filteredOriginalServices.services.some(o => o.isSubsidized && !groupAppointment.items[ci].services.some(s => s.id === o.id));\n\n found = found || hasNewSubsidizedServices || hasRemovedSubsidizedServices;\n }\n }\n\n return found;\n }\n\n const getPrimaryContactOptions = () => {\n let result = [];\n\n if (groupAppointment.items && groupAppointment.items.length > 0) {\n for (let ai = 0; ai < groupAppointment.items.length; ai++) {\n if (groupAppointment.items[ai].customer) {\n if (!result.some(r => r.id === groupAppointment.items[ai].customer.id)) {\n result.push(groupAppointment.items[ai].customer);\n }\n if (groupAppointment.items[ai].customer.primaryContact && !result.some(r => r.id === groupAppointment.items[ai].customer.primaryContact.id)) {\n result.push(groupAppointment.items[ai].customer.primaryContact);\n }\n }\n }\n }\n\n if (relationships && relationships.length > 0) {\n for (let ri = 0; ri < relationships.length; ri++) {\n if (!result.some(r => r.id === relationships[ri].relatedTo.id)) {\n result.push(relationships[ri].relatedTo);\n }\n }\n }\n\n return result;\n }\n\n const getSuggestionOptions = () => {\n let result = [];\n\n if (relationships && relationships.length > 0) {\n for (let ri = 0; ri < relationships.length; ri++) {\n if (!groupAppointment.items.some(c => c.customer && c.customer.id === relationships[ri].relatedTo.id) &&\n !result.some(r => r.id === relationships[ri].relatedTo.id)) {\n result.push(relationships[ri].relatedTo);\n }\n }\n }\n\n return result;\n }\n\n const showConfirmConflictsModal = () => {\n confirmModalRef.current.show({\n icon: ,\n message: <>Appointment conflict(s) detected. Continue?,\n option1ClassName: 'btn btn-warning shadow-0 bootbox-accept',\n onOption1Click: handleConflictsConfirm,\n onCancel: handleConflictsCancel\n });\n }\n\n return <>\n \n \n \n
\n \n \n {`${customer.firstName[0]}${customer.lastName[0]}`.toUpperCase()}\n \n
\n \n {\n !customerId ?\n
\n {bh.renderAppointmentNew(null, 'badge-sm fs-sm mb-1')}
: null\n }\n \n
\n \n \n {ph.getFullName(customer, true)}\n {\n customer.dateOfBirth || customer.sex || customer.gender || customer.pronoun ?\n ({`${ph.getAge(customer.dateOfBirth)} ${ph.getSexGenderPronounDisplay(customer)}`.trim()}) : null\n }\n {\n customer.dateOfBirth ?\n
\n DOB:{sys.getFormattedLongDate(customer.dateOfBirth)}
: null\n }\n {\n customer.patientProfile && customer.patientProfile.healthCardNumber ?\n HC #:{ph.formatHealthCard(customer.patientProfile.healthCardNumber)}(Exp. {fn.formatDate(customer.patientProfile.healthCardExpiryDate, 'MMM Do, YYYY')})
: null\n }\n \n { handleRelationshipChange(e, customer, index) }}\n >\n \n \n \n \n Add another patient : null\n }\n
\n \n 0 ? existingServices.map(s => { return s.id }) : [])}\n valueField='id'\n textField='name'\n placeholder='Services'\n tagComponent={({ item }) => (\n (typeof item === 'string' && services && services.length > 0 && services.some(s => s.id === item)) ?\n s.id === item) ? services.filter(s => s.id === item)[0].colorHexValue : null,\n borderColor: services.some(s => s.id === item) ? services.filter(s => s.id === item)[0].colorHexValue : null,\n }}\n >\n {services.filter(s => s.id === item)[0].code}\n :\n \n {item.code}\n \n )}\n onChange={(tag, metadata) => { handleServiceChange(index, tag, metadata) }}\n />\n
\n {\n index === (groupAppointment.items.length - 1) ?\n Cannot cancel appointment.{error && error.response && error.response.data ? <> {error.response.data} : null}
;\n toast.error(() => msg, { position: 'top-center', style: { width: '380px' } });\n })\n\n confirmModalRef.current.close();\n }\n\n const handleConfirmCancel = event => {\n event.preventDefault();\n confirmModalRef.current.close();\n\n if (props.onCancel && fn.isFunction(props.onCancel)) {\n props.onCancel(event);\n }\n }\n\n const renderAppointmentDateTime = () => {\n if (!groupAppointment.data.start) return null;\n\n const start = moment(groupAppointment.data.start);\n const end = groupAppointment.data.end ? moment(groupAppointment.data.end) : null;\n const hasEndTime = !!end;\n const weekday = start.format('dddd');\n const day = start.format('D');\n const ordinal = start.format('Do').replace(day, '');\n const dateHtml = `${start.format('MMMM D')}${ordinal}${((start.year() !== moment().year()) ? `, ${start.format('YYYY')}` : '')}`;\n const startTimeHtml = `${start.format('h:mm')}${(!hasEndTime || start.format('a') !== end.format('a') ? ` ${start.format('a')}` : '')}`;\n const endTimeHtml = hasEndTime ? `${end.format('h:mm')} ${end.format('a')}` : '';\n\n return- \n
- \n \n {weekday}\n \n\n \n
- @ \n
- \n \n \n\n \n
- to \n
- \n \n \n\n \n
\n \n {resource && !resource.profilePictureUri ?
\n {resource.initials}
: null}\n \n \n
\n \n }\n\n const renderPrimaryContact = () => {\n if (!groupAppointment.data) return;\n\n const { primaryContact } = groupAppointment.data;\n\n return {resource.fullName}
\n \n {bh.renderAppointmentNew(groupAppointment.data, 'mr-1')}\n {bh.renderAppointmentFirstExam(groupAppointment.data, 'mr-1')}\n {\n groupAppointment.data.services.map((s, si) => {\n return \n {bh.renderServiceCode(s, 'p-1 mr-1', (!s.isEligible || !aph.isEndState(groupAppointment.data)))}\n \n })\n }\n {bh.renderAppointmentRescheduledByOffice(groupAppointment.data, 'mr-1')}\n {bh.renderAppointmentRescheduledByCustomer(groupAppointment.data, 'mr-1')}\n
\n \n \n {primaryContact.initials}\n \n
\n \n \n {ph.getFullName(primaryContact, true)}\n {\n primaryContact.dateOfBirth || primaryContact.sex || primaryContact.gender || primaryContact.pronoun ?\n ({`${ph.getAge(primaryContact.dateOfBirth, moment(groupAppointment.data.start))} ${ph.getSexGenderPronounDisplay(primaryContact)}`.trim()}) : null\n }\n \n {\n primaryContact.address && primaryContact.address.country ?\n
\n \n }\n\n const renderAppointment = (appointment) => {\n if (!appointment.customer) return;\n\n const { customer } = appointment;\n\n return {ah.getAddressHtml(primaryContact.address)}
: null\n }\n {\n primaryContact.emailAddress ?\n \n {primaryContact.emailAddress}\n \n
: null\n }\n {\n primaryContact.phoneNumber ?\n \n {sys.getFormattedPhoneNumber(primaryContact.phoneNumber)}\n \n
: null\n }\n \n \n {customer.initials}\n \n
\n \n \n {ph.getFullName(customer, true)}\n {\n customer.dateOfBirth || customer.sex || customer.gender || customer.pronoun ?\n ({`${ph.getAge(customer.dateOfBirth, moment(groupAppointment.data.start))} ${ph.getSexGenderPronounDisplay(customer)}`.trim()}) : null\n }\n \n {\n customer.dateOfBirth ?\n
\n \n }\n\n return <>\n \n DOB:{sys.getFormattedLongDate(customer.dateOfBirth)}
: null\n }\n {\n customer.patientProfile && customer.patientProfile.healthCardNumber ?\n HC #:{ph.formatHealthCard(customer.patientProfile.healthCardNumber)}(Exp. {fn.formatDate(customer.patientProfile.healthCardExpiryDate, 'MMM Do, YYYY')})
: null\n }\n \n {bh.renderAppointmentNew(appointment, 'p-1 mr-1')}\n {bh.renderAppointmentFirstExam(appointment, 'p-1 mr-1')}\n {\n appointment.services.map((s, si) => {\n return \n {bh.renderServiceCode(s, 'p-1 mr-1', (!s.isEligible || !aph.isEndState(appointment)))}\n \n })\n }\n
\n Purchase updated.
);\n setIsPurchaseModalActive(false);\n }\n }\n\n const handlePurchaseModalClose = () => {\n purchaseView.clear();\n purchaseUpdate.clear();\n setIsPurchaseModalActive(false);\n }\n\n const handleStartInvoice = appointment => {\n if (isMounted.current) {\n purchaseModalRef.current.changeMode('update');\n purchaseUpdate.start(customer.data)\n .then(() => {\n if (isMounted.current) {\n purchaseModalRef.current.show();\n }\n })\n }\n }\n\n const renderPurchaseDateTime = purchase => {\n const start = moment.utc(purchase.createdDateUtc).local();\n\n return moment().startOf('day').isSame(start.clone().startOf('day')) ?\nCustomer(s) created.
);\n }\n\n if (props.onCancel && fn.isFunction(props.onCancel)) {\n props.onCancel();\n }\n });\n }\n\n const checkConflicts = () => {\n appointmentOffer.checkConflicts();\n }\n\n const checkEligibility = () => {\n if (appointmentOffer.data && appointmentOffer.data.items && appointmentOffer.data.items.length > 0) {\n appointmentOffer.checkEligibility()\n .then(data => {\n if (isMounted.current) {\n const eligibleData = data && data.some(d => d.isPublicHealthChecked && d.isEligible) ? data.filter(d => d.isPublicHealthChecked && d.isEligible) : null;\n const ineligibleData = data && data.some(d => !d.isPublicHealthChecked || !d.isEligible) ? data.filter(d => !d.isPublicHealthChecked || !d.isEligible) : null;\n const isMohReady = data && !data.some(e => !e.isMohReady);\n\n setEligibles(eligibleData);\n setIneligibles(ineligibleData);\n setMohReady(isMohReady);\n }\n })\n } else {\n setEligibles(null);\n setIneligibles(null);\n setMohReady(null);\n }\n }\n\n const handlePrimaryContactChange = (primaryContact) => {\n appointmentOffer.data.primaryContactId = primaryContact ? primaryContact.id : null;\n appointmentOffer.data.primaryContact = primaryContact;\n\n if (primaryContact) {\n api.CustomerRelationships.get(primaryContact.id)\n .then(({ data }) => {\n const filteredRelationships = data && data.length > 0 && data.some(r => r.customerId === primaryContact.id) ? data.filter(r => r.customerId === primaryContact.id) : [];\n\n for (let i = 0; i < appointmentOffer.data.items.length; i++) {\n if (appointmentOffer.data.items[i].customer) {\n if (appointmentOffer.data.items[i].customer.id === primaryContact.id) {\n appointmentOffer.data.items[i].relationship = null;\n }\n else {\n const filteredRelationship = filteredRelationships.filter(r => r.relatedTo.id === appointmentOffer.data.items[i].customer.id)[0];\n\n if (filteredRelationship) {\n appointmentOffer.data.items[i].relationship = filteredRelationship.relationship;\n }\n else {\n appointmentOffer.data.items[i].relationship = null;\n }\n }\n }\n }\n })\n }\n else {\n for (let i = 0; i < appointmentOffer.data.items.length; i++) {\n appointmentOffer.data.items[i].relationship = null;\n }\n }\n\n setRelationshipUpdates([]);\n appointmentOffer.hasUnsavedChanges = true;\n }\n\n const handleNewCustomer = () => {\n let extraProps;\n\n if (!newCustomer.isReady) {\n newCustomer.initialize(false);\n }\n if (!!appointmentOffer.data.primaryContact) {\n extraProps = { primaryContact: toJS(appointmentOffer.data.primaryContact) };\n }\n // setExistingCustomerData(null);\n setCustomerSearchResult(null);\n quickDrawer.activateQuickDrawer('customer', 'create', extraProps, handleNewCustomerSuccess, handleNewCustomerCancel);\n }\n\n const handleNewCustomerSuccess = customer => {\n if (customer && customer.data) {\n const index = appointmentOffer.data.items.length - 1;\n const { data } = customer;\n\n data.id = uuid();\n data.referenceId = data.id;\n appointmentOffer.data.items[index].customer = data;\n\n if (!appointmentOffer.data.primaryContact) {\n appointmentOffer.data.primaryContact = data;\n appointmentOffer.data.primaryContactId = data.id;\n }\n\n newCustomer.clear();\n appointmentOffer.hasUnsavedChanges = true;\n }\n }\n\n const handleNewCustomerCancel = () => {\n newCustomer.clear();\n }\n\n const handleCustomerSearchChange = (event, index, term) => {\n if (appointmentOffer.data.items[index].customerId || appointmentOffer.data.items[index].customer) {\n appointmentOffer.data.items[index].customerId = null;\n appointmentOffer.data.items[index].customer = null;\n appointmentOffer.data.items[index].customer.services.clear();\n }\n\n if (searchTimer.current) {\n clearTimeout(searchTimer.current);\n }\n\n if (term && term.length >= 2) {\n const exclude = appointmentOffer.data.items.some(c => !!c.customer) ? appointmentOffer.data.items.filter(c => !!c.customer).map(c => { return c.customer.id }) : null;\n api.Customers.fullSearch(term, false, false, 5, null, null, null, null, null, exclude)\n .then(({ data }) => {\n if (isMounted.current) {\n setCustomerSearchResult(data.result);\n }\n })\n } else {\n setCustomerSearchResult(null);\n }\n setEligibles(null);\n setIneligibles(null);\n }\n\n const handleCustomerSearchClick = (index, customer) => {\n newTimeslotCustomerFilterRef.current[index].isLoading(true);\n setCustomerSearchResult(null);\n\n api.Customers.get(customer.id)\n .then(({ data: customerData }) => {\n if (isMounted.current) {\n if (newTimeslotCustomerFilterRef.current && newTimeslotCustomerFilterRef.current[index]) {\n newTimeslotCustomerFilterRef.current[index].isLoading(false);\n }\n\n if (appointmentOffer.data.items && appointmentOffer.data.items[index]) {\n appointmentOffer.data.items[index].customerId = customerData.id;\n appointmentOffer.data.items[index].customer = customerData;\n }\n\n checkConflicts();\n refreshPrimaryContacts()\n .then((relationshipData) => {\n if (isMounted.current) {\n if (!appointmentOffer.data.primaryContact) {\n if (customerData.primaryContactPerson) {\n appointmentOffer.data.primaryContactId = customerData.primaryContactPerson.id;\n appointmentOffer.data.primaryContact = customerData.primaryContactPerson;\n }\n else {\n appointmentOffer.data.primaryContactId = customerData.id;\n appointmentOffer.data.primaryContact = customerData;\n }\n }\n\n if (relationshipData && relationshipData.length > 0) {\n const filteredRelationships = relationshipData.filter(r => r.customerId === appointmentOffer.data.primaryContact.id);\n\n if (filteredRelationships && filteredRelationships.length > 0) {\n const filteredRelationship = filteredRelationships.filter(r => r.relatedTo.id === customerData.id)[0];\n\n if (filteredRelationship) {\n appointmentOffer.data.items[index].relationship = filteredRelationship.relationship;\n }\n }\n }\n }\n })\n\n setTimeout(() => {\n if (isMounted.current) {\n const input = document.querySelector(`#${APPOINTMENT_OFFER_CUSTOMER_INPUT_ID}${(index + 1)}`);\n\n if (input) {\n input.focus();\n }\n }\n }, 1000);\n appointmentOffer.hasUnsavedChanges = true;\n }\n })\n }\n\n const handleCustomerAdd = () => {\n appointmentOffer.addNewItem();\n appointmentOffer.hasUnsavedChanges = true;\n }\n\n const handleCustomerRemove = (event, index) => {\n const primaryContacts = getPrimaryContactOptions();\n\n appointmentOffer.data.items.splice(index, 1);\n\n if (!appointmentOffer.data.items) {\n appointmentOffer.data.items = [];\n }\n\n if (appointmentOffer.data.items.length === 0) {\n appointmentOffer.addNewItem();\n }\n\n if (appointmentOffer.data.items.some(c => c.customer) && !primaryContacts.some(p => p.id === appointmentOffer.data.primaryContactId)) {\n appointmentOffer.data.primaryContact = appointmentOffer.data.items.filter(c => c.customer)[0].customer;\n appointmentOffer.data.primaryContactId = appointmentOffer.data.items.filter(c => c.customer)[0].customer.id;\n }\n else if (!appointmentOffer.data.items.some(c => c.customer)) {\n appointmentOffer.data.primaryContact = null;\n appointmentOffer.data.primaryContactId = null;\n setRelationships([]);\n }\n\n checkEligibility();\n checkConflicts();\n appointmentOffer.hasUnsavedChanges = true;\n }\n\n const handleRelationshipChange = (event, customer, index) => {\n if (appointmentOffer.data.primaryContact && customer && customer.id) {\n const relationship = event.target.value;\n const tempRelationshipUpdates = Array.from(new Set([...relationshipUpdates]));\n const ri = relationshipUpdates.findIndex(r => r.party1Id === appointmentOffer.data.primaryContact.id && r.party2Id === customer.id);\n const relationshipUpdate = {\n party1Id: appointmentOffer.data.primaryContact.id,\n party2Id: customer.id,\n relationshipType: relationship\n }\n\n if (ri > -1) {\n tempRelationshipUpdates[ri] = relationshipUpdate;\n }\n else {\n tempRelationshipUpdates.push(relationshipUpdate);\n }\n\n setRelationshipUpdates(tempRelationshipUpdates);\n appointmentOffer.data.items[index].relationship = relationship;\n appointmentOffer.hasUnsavedChanges = true;\n }\n }\n\n const handleServiceSelection = (index, tag, metadata) => {\n switch (metadata.action) {\n case 'insert':\n if (!appointmentOffer.data.items[index].services.some(s => s.id === metadata.dataItem.id)) {\n appointmentOffer.data.items[index].services.push({\n id: metadata.dataItem.id,\n code: metadata.dataItem.code,\n name: metadata.dataItem.code,\n duration: metadata.dataItem.duration,\n isRepeatable: metadata.dataItem.isRepeatable,\n userOverrides: metadata.dataItem.userOverrides\n });\n }\n\n if (!!appointmentOffer.data.existingAppointmentId) { // This means it's converting from an individual appointment to a group appointment.\n appointmentOffer.data.duration = appointmentOffer.data.duration + metadata.dataItem.duration;\n }\n break;\n\n case 'remove':\n const serviceIndex = appointmentOffer.data.items[index].services.findIndex(s => s.id === metadata.dataItem.id);\n if (serviceIndex !== -1) {\n appointmentOffer.data.items[index].services.splice(serviceIndex, 1);\n\n if (!!appointmentOffer.data.existingAppointmentId) { // This means it's converting from an individual appointment to a group appointment.\n appointmentOffer.data.duration = appointmentOffer.data.duration - metadata.dataItem.duration;\n }\n }\n break;\n\n default:\n break;\n }\n\n if (!appointmentOffer.data.existingAppointmentId) {\n appointmentOffer.data.duration = appointmentOffer.recommendedDuration;\n }\n\n appointmentOffer.hasUnsavedChanges = true;\n checkConflicts();\n checkEligibility();\n }\n\n const handleDurationChange = event => {\n appointmentOffer.data.duration = parseInt(event.target.value, 10);\n appointmentOffer.hasUnsavedChanges = true;\n }\n\n const handleDurationBlur = () => {\n if (appointmentOffer.hasUnsavedChanges) {\n checkConflicts();\n }\n }\n\n const handleEnterSelectionMode = () => {\n appointmentOffer.isInSelectionMode = true;\n quickDrawer.deactivateAll();\n }\n\n const handleQuestionChange = event => {\n const { value } = event.target;\n appointmentOffer.data.question = value;\n appointmentOffer.hasUnsavedChanges = true;\n }\n\n const handleSubmit = event => {\n event.preventDefault();\n\n if (fn.validateForm(validateRef.current)) {\n appointmentOffer.checkEligibility(true)\n .then(eligibilityData => {\n if (isMounted.current) {\n const eligibleData = eligibilityData && eligibilityData.some(d => d.isEligible) ? eligibilityData.filter(d => d.isEligible) : null;\n const ineligibleData = eligibilityData && eligibilityData.some(d => !d.isEligible) ? eligibilityData.filter(d => !d.isEligible) : null;\n\n setEligibles(eligibleData);\n setIneligibles(ineligibleData);\n\n if (!ineligibleData) {\n appointmentOffer.checkConflicts(true)\n .then(conflictData => {\n if (isMounted.current) {\n if (conflictData && conflictData.some(c => c.hasConflict)) {\n showConfirmConflictsModal();\n } else {\n handleCommitUpdate(event, true);\n }\n }\n })\n } else {\n confirmModalRef.current.show({\n icon: ,\n message: <>Some patients might not be eligible for their service(s). Continue?,\n option1ClassName: 'btn btn-warning shadow-0 bootbox-accept',\n onOption1Click: handleIneligibleConfirm,\n onCancel: handleIneligibleCancel\n });\n }\n }\n })\n .catch(error => {\n console.error(error);\n })\n }\n }\n\n const showConfirmConflictsModal = () => {\n confirmModalRef.current.show({\n icon: ,\n message: <>Appointment conflict(s) detected. Continue?,\n option1ClassName: 'btn btn-warning shadow-0 bootbox-accept',\n onOption1Click: handleConflictsConfirm,\n onCancel: handleConflictsCancel\n });\n }\n\n const handleSaveNewCustomers = () => {\n return new Promise((resolve) => {\n const newCustomers = appointmentOffer.data.items.filter(s => !s.customerId && s.customer).map(s => { return s.customer });\n\n if (!!newCustomers && newCustomers.length > 0) {\n const newCustomerRequests = newCustomers.map(n => {\n return api.Customers.create(n)\n });\n\n Promise.all(newCustomerRequests)\n .then((response) => {\n if (isMounted.current) {\n if (response && response.length > 0) {\n const defaultRelationshipRequests = [];\n\n for (let ri = 0; ri < response.length; ri++) {\n const tempItems = toJS(appointmentOffer.data.items);\n const ci = tempItems.findIndex(c => !c.customerId && c.customer.referenceId === response[ri].data.referenceId);\n const ui1 = relationshipUpdates.findIndex(u => u.party1Id === response[ri].data.referenceId);\n const ui2 = relationshipUpdates.findIndex(u => u.party2Id === response[ri].data.referenceId);\n const tempRelationshipUpdates = Array.from(new Set([...relationshipUpdates]));\n\n if (ri > 0) {\n defaultRelationshipRequests.push(\n api.CustomerRelationships.create({\n party1Id: response[0].data.id,\n party2Id: response[ri].data.id,\n })\n );\n }\n\n if (ci > -1) {\n tempItems[ci].customerId = response[ri].data.id;\n tempItems[ci].customer.id = response[ri].data.id;\n\n appointmentOffer.data.items = tempItems;\n }\n\n if (ui1 > -1) {\n tempRelationshipUpdates[ui1].party1Id = response[ri].data.id;\n }\n\n if (ui2 > -1) {\n tempRelationshipUpdates[ui2].party2Id = response[ri].data.id;\n }\n\n if (ui1 > -1 || ui2 > -1) {\n setRelationshipUpdates(tempRelationshipUpdates);\n }\n\n if (appointmentOffer.data.primaryContactId === response[ri].data.referenceId) {\n appointmentOffer.data.primaryContactId = response[ri].data.id\n appointmentOffer.data.primaryContact.id = response[ri].data.id\n }\n }\n\n if (defaultRelationshipRequests && defaultRelationshipRequests.length > 0) {\n Promise.all(defaultRelationshipRequests);\n }\n }\n\n resolve();\n }\n })\n }\n else {\n resolve();\n }\n })\n }\n\n const handleCommitUpdate = (event, saveAppointmentOffer) => {\n setIsSaving(true);\n\n handleSaveNewCustomers(event)\n .then(() => {\n if (isMounted.current) {\n const requests = [];\n const relationshipOptions = Array.isArray(relationshipUpdates) ? JSON.parse(JSON.stringify(relationshipUpdates)) : [];\n\n if (saveAppointmentOffer) {\n requests.push(appointmentOffer.save(true));\n\n // Create default relationships between everyone in this appointment. It won't overwrite if there is existing relationship.\n if (appointmentOffer.data.primaryContact) {\n const primaryContact = appointmentOffer.data.primaryContact;\n\n for (let c1 = 0; c1 < appointmentOffer.data.items.length; c1++) {\n const party1 = appointmentOffer.data.items[c1].customer;\n\n if (party1 && primaryContact.id !== party1.id) {\n // Check to make sure no manual updates have been made already\n if (!relationshipOptions.some(u1 => u1.party1Id === primaryContact.id && u1.party2Id === party1.id)) {\n relationshipOptions.push({\n party1Id: primaryContact.id,\n party2Id: party1.id,\n overwrite: false,\n })\n }\n }\n\n for (let p2 = 0; p2 < appointmentOffer.data.items.length; p2++) {\n const party2 = appointmentOffer.data.items[p2].customer;\n\n if (party1 && party2 && party1.id !== party2.id) {\n // Check to make sure no manual updates have been made already\n if (!relationshipOptions.some(u1 => u1.party1Id === party1.id && u1.party2Id === party2.id)) {\n relationshipOptions.push({\n party1Id: party1.id,\n party2Id: party2.id,\n overwrite: false,\n })\n }\n }\n }\n }\n }\n }\n\n if (relationshipOptions && relationshipOptions.length > 0) {\n requests.push(api.Batch.relationships({ relationships: relationshipOptions }));\n }\n\n Promise.all(requests)\n .then(response => {\n if (isMounted.current) {\n if (props.onSuccess && fn.isFunction(props.onSuccess)) {\n const data = Array.isArray(response) && response[0] ? response[0] : (response && response.data ? response.data : null);\n props.onSuccess(event, { updated: saveAppointmentOffer, data: saveAppointmentOffer ? data : null });\n }\n }\n })\n .finally(() => {\n setIsSaving(false);\n })\n }\n })\n }\n\n const handleIneligibleConfirm = event => {\n appointmentOffer.checkConflicts(true)\n .then(conflicts => {\n if (isMounted.current) {\n if (!conflicts) {\n handleCommitUpdate(event, true);\n } else {\n showConfirmConflictsModal();\n }\n }\n })\n\n confirmModalRef.current.close();\n }\n\n const handleIneligibleCancel = () => {\n confirmModalRef.current.close();\n }\n\n const handleConflictsConfirm = event => {\n handleCommitUpdate(event, true);\n confirmModalRef.current.close();\n }\n\n const handleConflictsCancel = () => {\n confirmModalRef.current.close();\n }\n\n const handleTimeslotRemove = (event, start, userId) => {\n if (start && userId) {\n const index = appointmentOffer.data.timeslots.findIndex(t => t.start.isSame(start) && t.userId === userId);\n\n if (index > -1) {\n appointmentOffer.data.timeslots.splice(index, 1);\n appointmentOffer.data.hasUnsavedChanges = true;\n }\n }\n }\n\n const handleNewNote = event => {\n const tempCustomer = { firstName: 'Everyone', notes: appointmentOffer.data.notes && appointmentOffer.data.notes.length > 0 ? toJS(appointmentOffer.data.notes) : [] };\n newNote.initialize(tempCustomer, 'appointmentOffer', 'appointmentOffer', null, false);\n quickDrawer.activateQuickDrawer('note', 'create', null, handleNewNoteSuccess);\n }\n\n const handleNewNoteSuccess = (result) => {\n if (result && result.updated) {\n const newNote = result.data;\n\n appointmentOffer.data.notes.push(newNote);\n appointmentOffer.hasUnsavedChanges = true;\n }\n }\n\n const renderCustomer = (customerId, customer, existingServices, index) => {\n return\n
\n \n \n }\n\n const renderTimeslots = () => {\n if (appointmentOffer.data.timeslots && appointmentOffer.data.timeslots.length > 0) {\n const sortedUserTimeslots = toJS(appointmentOffer.data.timeslots.slice().sort((a, b) => { return a.start.toDate().getTime() - b.start.toDate().getTime() }))\n .reduce((array, timeslot) => {\n const index = array.findIndex(a => a.userId === timeslot.userId);\n const conflicts = appointmentOffer.conflicts.filter(c =>\n c.hasConflict &&\n c.userId === timeslot.userId &&\n moment(c.start).isSame(moment(timeslot.start)) &&\n moment(c.end).isSame(moment(timeslot.start).add(appointmentOffer.data.duration, 'minutes'))\n );\n const conflict = conflicts && conflicts.length > 0 ? conflicts[0] : null;\n\n if (index < 0) {\n array.push({\n userId: timeslot.userId,\n user: uh.getById(timeslot.userId),\n timeslots: [{\n start: timeslot.start,\n conflict: getAppointmentConflictMessage(conflict, timeslot.userId)\n }]\n });\n }\n else {\n array[index].timeslots.push({\n start: timeslot.start,\n conflict: getAppointmentConflictMessage(conflict, timeslot.userId)\n })\n }\n\n return array;\n }, []);\n\n return \n \n
\n \n \n {`${customer.firstName[0]}${customer.lastName[0]}`.toUpperCase()}\n \n
\n \n {\n !customerId ?\n
\n {bh.renderAppointmentNew(null, 'badge-sm fs-sm mb-1')}
: null\n }\n \n
\n \n \n {ph.getFullName(customer, true)}\n {\n customer.dateOfBirth || customer.sex || customer.gender || customer.pronoun ?\n ({`${ph.getAge(customer.dateOfBirth)} ${ph.getSexGenderPronounDisplay(customer)}`.trim()}) : null\n }\n {\n customer.dateOfBirth ?\n
\n DOB:{sys.getFormattedLongDate(customer.dateOfBirth)}
: null\n }\n {\n customer.patientProfile && customer.patientProfile.healthCardNumber ?\n HC #:{ph.formatHealthCard(customer.patientProfile.healthCardNumber)}(Exp. {fn.formatDate(customer.patientProfile.healthCardExpiryDate, 'MMM Do, YYYY')})
: null\n }\n \n { handleRelationshipChange(e, customer, index) }}\n >\n \n \n \n \n Add another patient : null\n }\n
\n \n (\n \n {item.code}\n \n )}\n value={(existingServices && existingServices.length > 0 ? existingServices.map(s => { return s.id }) : [])}\n onChange={(tag, metadata) => { handleServiceSelection(index, tag, metadata) }}\n />\n
\n {\n index === (appointmentOffer.data.items.length - 1) ?\n \n {\n sortedUserTimeslots.map((t, ti) => {\n return \n
\n \n \n \n })\n }\n \n }\n }\n\n const hasCustomerConflictMessage = () => {\n return appointmentOffer.conflicts.some(c => c.hasConflict && c.upcomingConflictCustomers && c.upcomingConflictCustomers.length > 0);\n }\n\n const getCustomerConflictMessage = () => {\n const messages = [];\n\n if (hasCustomerConflictMessage()) {\n for (let ci = 0; ci < appointmentOffer.conflicts.length; ci++) {\n if (appointmentOffer.conflicts[ci].upcomingConflictCustomers) {\n for (let ui = 0; ui < appointmentOffer.conflicts[ci].upcomingConflictCustomers.length; ui++) {\n const customer = appointmentOffer.conflicts[ci].upcomingConflictCustomers[ui];\n if (!messages.some(m => m.id === customer.id)) {\n messages.push({\n id: customer.id,\n message: `${ph.getPreferredFirstName(customer)} has an upcoming paid appointment.`\n })\n }\n }\n }\n }\n }\n\n return messages;\n }\n\n const hasAppointmentConflictMessage = () => {\n return appointmentOffer.conflicts.some(c => c.hasConflict && (!c.upcomingConflictCustomers || c.upcomingConflictCustomers.length === 0));\n }\n\n const getAppointmentConflictMessage = (conflictData, userId) => {\n if (conflictData && userId) {\n if (conflictData.hasAppointmentConflict) {\n return `${uh.getDisplayShortNameById(userId)} has an appointment at the same time.`;\n }\n if (conflictData.hasScheduleConflict) {\n return `${uh.getDisplayShortNameById(userId)} is not scheduled to work at this time.`;\n }\n if (!conflictData.hasScheduleConflict && conflictData.hasBusinessDayConflict) {\n return `This is outside of business hours.`;\n }\n if (conflictData.hasBreakConflict) {\n return `${uh.getDisplayShortNameById(userId)} is scheduled to be on break at this time.`;\n }\n if (conflictData.hasTimeOffConflict) {\n return `${uh.getDisplayShortNameById(userId)} is scheduled to be away on this day.`;\n }\n }\n\n return null;\n }\n\n const renderServices = () => {\n const filteredServices = services.filter(s =>\n (!s.activeStartingDate || moment(s.activeStartingDate).isSameOrBefore(moment(appointmentOffer.data.start))));\n\n return filteredServices.map(s => {\n return {\n id: s.id,\n name: `${s.code} - ${s.name}`,\n code: s.code,\n colorHexValue: s.colorHexValue,\n duration: (s.defaultDurationInMinutes ? s.defaultDurationInMinutes : 0),\n isRepeatable: s.isRepeatable,\n userOverrides: s.userOverrides\n }\n })\n }\n\n const renderAddNoteButton = () => {\n return <>\n \n \n { handleTimeslotRemove(e, s.start, t.userId) }}\n >\n \n \n
\n })\n }\n \n \n {!t.user.profilePictureUri ?
\n {t.user.initials}
: null}\n \n \n {t.user.fullName}\n {\n t.timeslots.map((s, si) => {\n return \n
\n \n \n {fn.formatDate(s.start, 'ddd, MMM D, YYYY @ h:mm a')}\n
\n \n
\n \n \n : null\n }) : null\n }\n \n
\n : null\n }\n {\n customer ?\n <>\n {renderCustomer(customerId, customer, services, ci)}\n : null\n }\n \n
\n \n \n {\n !customer ?\n <>\n Add new customer\n {\n ci > 1 ?\n { handleCustomerRemove(e, ci) }}\n >\n \n : null\n }\n :\n <>\n { handleCustomerRemove(e, ci) }}\n >\n \n \n \n }\n
\n {\n !customer ?\n <>\n \n
\n \n })\n }\n \n \n newTimeslotCustomerFilterRef.current[ci] = element}\n delay={500}\n onChange={(e, term) => { handleCustomerSearchChange(e, ci, term) }}\n />\n
\n - \n {\n (customerSearchResult && customerSearchResult.length > 0 ? customerSearchResult.slice(0, 5) : getSuggestionOptions())\n .map((s, si) => {\n return
\n \n {s.initials}\n \n
\n \n \n {ph.getLastFirstName(s, true)}\n {\n s.dateOfBirth || s.sex || s.gender || s.pronoun ?\n ({`${ph.getAge(s.dateOfBirth)} ${ph.getSexGenderPronounDisplay(s)}`.trim()}) : null\n }\n
\n {\n s.address && s.address.country ?\n {s.address.fullLine}
: null\n }\n {\n s.dateOfBirth ?\n DOB: {fn.formatDate(s.dateOfBirth)}
: null\n }\n {\n s.emailAddress ?\n {s.emailAddress}
: null\n }\n {\n s.primaryPhoneNumber ?\n {sys.getFormattedPhoneNumber(s.primaryPhoneNumber.number)}
: null\n }\n \n
\n \n {() =>\n \n
\n \n \n
\n }\n
\n \n min.\n
\n \n
\n \n
\n \n \n {() => <>{renderTimeslots()}}
\n \n Add timeslot(s)\n
\n \n
\n \n
\n \n \n {() =>\n \n
\n \n
\n \n \n \n }\n \n
\n \n {() => renderAddNoteButton()} \n
\n \n
\n \n Cancel\n Continue\n
\n Must provide mobile number for SMS.
, { position: 'top-center', style: { width: '380px' } });\n }\n else {\n customer.checkConflicts(true)\n .then(conflicts => {\n if (isMounted.current) {\n if (!conflicts) {\n phoneTypeRef.current.classList.remove('has-error');\n preferredContactMethodRef.current.classList.remove('has-error');\n handleCommitUpdate(event);\n } else {\n setConflicts(conflicts);\n setConfirmConflicts(true);\n }\n }\n })\n }\n }\n }\n\n const handleConfirmMissingContact = event => {\n handleCommitUpdate(event, true);\n }\n\n const handleCancelMissingContact = event => {\n setConfirmMissingContact(false);\n }\n\n const handleCommitUpdate = (event, overridden = false) => {\n if (!customer.data.firstName || !customer.data.lastName) {\n toast.error(() => ErrorMessages.GENERIC_FORM_ERROR_HTML, { position: 'top-center', style: { width: '380px' } });\n }\n else {\n if (overridden || customer.data.phoneNumber || customer.data.emailAddress) {\n setConfirmMissingContact(false);\n\n if (customer.saveToServer && customer.data.notes && customer.data.notes.length > 0 && customer.data.notes.some(n => n.attachments && n.attachments.length > 0)) {\n setIsUploadingAttachments(true);\n }\n\n customer.save()\n .then(data => {\n if (isMounted.current) {\n setIsUploadingAttachments(false);\n if (props.onSuccess && fn.isFunction(props.onSuccess)) {\n props.onSuccess(event, { updated: true, data: data });\n }\n }\n })\n } else {\n setConfirmMissingContact(true);\n }\n }\n }\n\n const handleConflictsConfirm = event => {\n handleCommitUpdate(event);\n setConfirmConflicts(false);\n }\n\n const handleConflictsCancel = event => {\n setConfirmConflicts(false);\n }\n\n const handlePopulateCustomerConfirm = event => {\n populateCustomer(validatedHealthCard);\n setConfirmPopulateCustomer(false);\n checkConflicts(true);\n }\n\n const handlePopulateCustomerCancel = event => {\n setConfirmPopulateCustomer(false);\n }\n\n const handleAddressBookOpen = (event) => {\n addressBookModalRef.current.show('ExternalDoctor');\n }\n\n const handleFamilyDoctorClinicSelected = async (rowInfo) => {\n if (rowInfo && rowInfo.selectedRowsData) {\n if (rowInfo.selectedRowsData[0].type === 'ExternalClinic') {\n customer.data.patientProfile.familyDoctorClinicId = rowInfo.selectedRowsData[0].id;\n customer.data.patientProfile.familyDoctorClinic = (await api.ExternalClinics.get(rowInfo.selectedRowsData[0].id)).data;\n customer.data.patientProfile.familyDoctorId = null;\n }\n else if (rowInfo.selectedRowsData[0].type === 'ExternalDoctor') {\n customer.data.patientProfile.familyDoctorId = rowInfo.selectedRowsData[0].id;\n customer.data.patientProfile.familyDoctor = (await api.ExternalDoctors.get(rowInfo.selectedRowsData[0].id)).data;\n customer.data.patientProfile.familyDoctorClinicId = rowInfo.selectedRowsData[0].secondaryId;\n customer.data.patientProfile.familyDoctorClinic = (await api.ExternalClinics.get(rowInfo.selectedRowsData[0].secondaryId)).data;\n }\n\n customer.hasPatientUnsavedChanges = true;\n addressBookModalRef.current.close();\n }\n }\n\n const handleFamilyDoctorClinicClear = () => {\n customer.data.patientProfile.familyDoctorClinicId = null;\n customer.data.patientProfile.familyDoctorClinic = null;\n customer.data.patientProfile.familyDoctorId = null;\n customer.data.patientProfile.familyDoctor = null;\n\n customer.hasPatientUnsavedChanges = true;\n }\n\n const handleSameAsPrimaryContactSpokenLanguage = () => {\n if (!primaryContact) return;\n handleSpokenLanguageChange({ target: { value: primaryContact.spokenLanguage } });\n }\n\n const handleSameAsPrimaryContactCommunicationLanguage = () => {\n if (!primaryContact) return;\n handleCommunicationLanguageChange({ target: { value: primaryContact.communicationLanguage } });\n }\n\n const handleSameAsPrimaryContactEmailAddress = () => {\n if (!primaryContact) return;\n handleEmailAddressChange({ target: { value: primaryContact.emailAddress } });\n }\n\n const handleSameAsPrimaryContactPhone = () => {\n if (!primaryContact) return;\n const phoneNumber = primaryContact.phoneNumber;\n const phoneType = primaryContact.phoneType;\n const preferredContactMethod = primaryContact.preferredContactMethod;\n const communicationConsent = !!primaryContact.communicationConsent ? primaryContact.communicationConsent.toString() : null;\n\n handlePhoneNumberChange({ target: { value: phoneNumber } });\n handlePhoneTypeChange({ target: { value: phoneType } });\n handlePreferredContactMethodChange({ target: { value: preferredContactMethod } });\n handleCommunicationConsentChange({ target: { value: communicationConsent } });\n }\n\n const handleSameAsPrimaryContactAddress = () => {\n if (!primaryContact) return;\n const address = JSON.parse(JSON.stringify(primaryContact.address))\n homeAddressRef.current.setAddress(address);\n customer.data.address = address;\n customer.hasUnsavedChanges = true;\n }\n\n const renderServices = () => {\n return subsidizedServices.map(s => {\n return {\n id: s.id,\n name: `${s.code} - ${s.name}`,\n code: s.code,\n colorHexValue: s.colorHexValue,\n duration: (s.defaultDurationInMinutes ? s.defaultDurationInMinutes : 0),\n isRepeatable: s.isRepeatable,\n }\n })\n }\n\n const renderSeeNotesButton = () => {\n return <>\nCustomer's address updated.
);\n }\n setIsAddressInformationActive(false);\n }\n\n const handleAddressInformationUpdateCancel = () => {\n setIsAddressInformationActive(false);\n }\n\n const handleContactInformation = () => {\n customer.loadRelationships();\n setIsContactInformationActive(true);\n quickDrawer.activateQuickDrawer('customer', 'contact', null, handleContactInformationUpdateSuccess, handleContactInformationUpdateCancel);\n }\n\n const handleContactInformationUpdateSuccess = (result) => {\n if (result && result.updated) {\n toast.dark(() =>Customer's contact updated.
);\n }\n setIsContactInformationActive(false);\n }\n\n const handleContactInformationUpdateCancel = () => {\n setIsContactInformationActive(false);\n }\n\n const handlePatientInformation = () => {\n customer.loadPatientProfile();\n quickDrawer.activateQuickDrawer('customer', 'patient', null, handlePatientInformationUpdateSuccess, handlePatientInformationUpdateCancel);\n setIsPatientInformationActive(true);\n }\n\n const handlePatientInformationUpdateSuccess = (result) => {\n if (result && result.updated) {\n toast.dark(() =>Patient profile updated.
);\n }\n setIsPatientInformationActive(false);\n }\n\n const handlePatientInformationUpdateCancel = () => {\n setIsPatientInformationActive(false);\n }\n\n const handleLinkedRelationship = () => {\n customer.loadRelationships();\n quickDrawer.activateQuickDrawer('customer', 'relationship-update', null, handleLinkedRelationshipUpdateSuccess, handleLinkedRelationshipUpdateCancel);\n setIsLinkedRelationshipActive(true);\n }\n\n const handleLinkedRelationshipUpdateSuccess = (result) => {\n if (result && result.updated) {\n toast.dark(() =>Linked relationships updated.
);\n }\n setIsLinkedRelationshipActive(false);\n }\n\n const handleLinkedRelationshipUpdateCancel = () => {\n setIsLinkedRelationshipActive(false);\n }\n\n const handleInsuranceInformation = () => {\n const requests = [];\n\n if (!customer.isReady) {\n requests.push(new Promise(resolve => {\n customer.initialize(customer.id)\n .then(() => {\n Promise.all([\n customer.loadRelationships(),\n customer.loadInsurance()\n ])\n .then(() => {\n resolve();\n })\n })\n }));\n } else {\n requests.push(customer.loadRelationships());\n requests.push(customer.loadInsurance());\n }\n\n Promise.all(requests)\n .then(() => {\n if (isMounted.current) {\n const privateInsurances = customer.privateInsurances && customer.privateInsurances.length > 0 ? toJS(customer.privateInsurances) : [];\n\n if (!privateInsurances || privateInsurances.length === 0) {\n quickDrawer.activateQuickDrawer('customer', 'private-insurance-create', null, handleInsuranceInformationUpdateSuccess, handleInsuranceInformationUpdateCancel);\n }\n else if (privateInsurances.length === 1) {\n customer.selectedPrivateInsuranceId = privateInsurances[0].privateInsurancePolicyId;\n quickDrawer.activateQuickDrawer('customer', 'private-insurance-update', null, handleInsuranceInformationUpdateSuccess, handleInsuranceInformationUpdateCancel);\n }\n else {\n quickDrawer.activateQuickDrawer('customer', 'private-insurance', { canUpdate: true }, handleInsuranceInformationUpdateSuccess, handleInsuranceInformationUpdateCancel);\n }\n\n setIsInsuranceActive(true);\n }\n })\n }\n\n const handleInsuranceInformationUpdateSuccess = (result) => {\n if (result && result.updated) {\n toast.dark(() =>Customer's insurance updated.
);\n }\n setIsInsuranceActive(false);\n }\n\n const handleInsuranceInformationUpdateCancel = () => {\n setIsInsuranceActive(false);\n }\n\n const handleReactivate = (event) => {\n quickDrawer.activateQuickDrawer('customer', 'reactivate', null, handleReactivateSuccess);\n }\n\n const handleReactivateSuccess = (result) => {\n if (result && result.updated) {\n customer.refresh();\n toast.dark(() =>Customer has been reactivated.
);\n }\n }\n\n const handleDeactivate = (event) => {\n quickDrawer.activateQuickDrawer('customer', 'deactivate', null, handleDeactivateSuccess);\n }\n\n const handleDeactivateSuccess = (result) => {\n if (result && result.updated) {\n customer.refresh();\n toast.dark(() =>Customer has been deactivated.
);\n }\n }\n\n const handleSubmit = (event) => {\n event.preventDefault();\n\n if (fn.validateForm(validateRef.current)) {\n if (!customer.data.firstName || !customer.data.lastName) {\n toast.error(() => ErrorMessages.GENERIC_FORM_ERROR_HTML, { position: 'top-center', style: { width: '380px' } });\n }\n else {\n if (customer.saveToServer && customer.data.notes && customer.data.notes.length > 0 && customer.data.notes.some(n => n.attachments && n.attachments.length > 0)) {\n setIsUploadingAttachments(true);\n }\n\n if (customer.hasPersonalUnsavedChanges || isUploadingAttachments) {\n const updated = customer.hasPersonalUnsavedChanges;\n\n customer.updatePersonalInformation(true)\n .then((data) => {\n if (isMounted.current) {\n setIsUploadingAttachments(false);\n if (props.onSuccess && fn.isFunction(props.onSuccess)) {\n props.onSuccess(event, { updated: updated, data: data });\n }\n }\n })\n } else {\n if (props.onSuccess && fn.isFunction(props.onSuccess)) {\n props.onSuccess(event, { updated: false, data: null });\n }\n }\n }\n }\n }\n\n return useObserver(() => <>\n <>\n {\n (props.drawer === quickDrawer.drawerOpened) ?\nCannot reactivate customer profile.{error && error.response && error.response.data ? <> {error.response.data} : null}
;\n toast.error(() => msg, { position: 'top-center', style: { width: '380px' } });\n })\n\n setConfirmReactivate(false);\n }\n\n const handleConfirmReactivateCancel = event => {\n event.preventDefault();\n setConfirmReactivate(false);\n\n if (props.onCancel && fn.isFunction(props.onCancel)) {\n props.onCancel(event);\n }\n }\n\n const renderCustomer = () => {\n return\n \n {customer.data.initials}\n \n
\n \n {ph.getFullName(customer.data, true)}\n {\n customer.data.dateOfBirth || customer.data.sex || customer.data.gender || customer.data.pronoun ?\n ({`${ph.getAge(customer.data.dateOfBirth)} ${ph.getSexGenderPronounDisplay(customer.data)}`.trim()}) : null\n }\n \n {\n customer.data.address && customer.data.address.country ?\n
\n \n }\n\n return <>\n \n {ah.getAddressHtml(customer.data.address)}
: null\n }\n {\n customer.data.emailAddress ?\n \n {customer.data.emailAddress}\n \n
: null\n }\n {\n customer.data.phoneNumber ?\n \n {sys.getFormattedPhoneNumber(customer.data.phoneNumber)}\n \n
: null\n }\n {\n customer.data.primaryContactPerson ?\n \n Primary Contact\n {\n customer.data.primaryContactPerson.id ?\n \n {ph.getPreferredFirstLastName(customer.data.primaryContactPerson)}\n {\n customer.data.primaryContactPerson.relationship ?\n ({customer.data.primaryContactPerson.relationship}) : null\n }\n :\n
: null\n }\n {ph.getPreferredFirstLastName(customer.data.primaryContactPerson)}\n {\n customer.data.primaryContactPerson.relationship ?\n ({customer.data.primaryContactPerson.relationship}) : null\n }\n
\n }\n {\n customer.data.primaryContactPerson.emailAddress ?\n \n {customer.data.primaryContactPerson.emailAddress}\n \n
: null\n }\n {\n customer.data.primaryContactPerson.phoneNumber ?\n \n {sys.getFormattedPhoneNumber(customer.data.primaryContactPerson.phoneNumber)}\n \n
: null\n }\n Cannot deactivate customer profile.{error && error.response && error.response.data ? <> {error.response.data} : null}
;\n toast.error(() => msg, { position: 'top-center', style: { width: '380px' } });\n })\n\n setConfirmDeactivate(false);\n }\n\n const handleConfirmDeactivateCancel = event => {\n event.preventDefault();\n setConfirmDeactivate(false);\n\n if (props.onCancel && fn.isFunction(props.onCancel)) {\n props.onCancel(event);\n }\n }\n\n const handleCustomerMergeStart = (event) => {\n const id1 = customer.data.id;\n const id2 = customer.data.duplicateCustomerIds && customer.data.duplicateCustomerIds.length > 0 ? customer.data.duplicateCustomerIds[0] : null;\n\n if (!!id1 && !!id2) {\n customerMerge.initialize(id1, id2);\n customerMergeModalRef.current.show();\n }\n\n return;\n }\n\n const handleCustomerMergeSuccess = (event, result) => {\n if (result && result.updated) {\n toast.dark(() =>Customers merged successfully.
);\n }\n\n customerMergeModalRef.current.close();\n quickDrawer.deactivateAll();\n }\n\n const handleCustomerMergeClose = () => {\n customerMerge.clear();\n }\n\n const renderCustomer = () => {\n return\n \n {customer.data.initials}\n \n
\n \n {ph.getFullName(customer.data, true)}\n {\n customer.data.dateOfBirth || customer.data.sex || customer.data.gender || customer.data.pronoun ?\n ({`${ph.getAge(customer.data.dateOfBirth)} ${ph.getSexGenderPronounDisplay(customer.data)}`.trim()}) : null\n }\n \n {\n customer.data.address && customer.data.address.country ?\n
\n \n }\n\n return <>\n \n {ah.getAddressHtml(customer.data.address)}
: null\n }\n {\n customer.data.emailAddress ?\n \n {customer.data.emailAddress}\n \n
: null\n }\n {\n customer.data.phoneNumber ?\n \n {sys.getFormattedPhoneNumber(customer.data.phoneNumber)}\n \n
: null\n }\n {\n customer.data.primaryContactPerson ?\n \n Primary Contact\n {\n customer.data.primaryContactPerson.id ?\n \n {ph.getPreferredFirstLastName(customer.data.primaryContactPerson)}\n {\n customer.data.primaryContactPerson.relationship ?\n ({customer.data.primaryContactPerson.relationship}) : null\n }\n :\n
: null\n }\n {ph.getPreferredFirstLastName(customer.data.primaryContactPerson)}\n {\n customer.data.primaryContactPerson.relationship ?\n ({customer.data.primaryContactPerson.relationship}) : null\n }\n
\n }\n {\n customer.data.primaryContactPerson.emailAddress ?\n \n {customer.data.primaryContactPerson.emailAddress}\n \n
: null\n }\n {\n customer.data.primaryContactPerson.phoneNumber ?\n \n {sys.getFormattedPhoneNumber(customer.data.primaryContactPerson.phoneNumber)}\n \n
: null\n }\n \n \n {customer.data.initials}\n \n
\n \n {ph.getFullName(customer.data, true)}\n {\n customer.data.dateOfBirth || customer.data.sex || customer.data.gender || customer.data.pronoun ?\n ({`${ph.getAge(customer.data.dateOfBirth)} ${ph.getSexGenderPronounDisplay(customer.data)}`.trim()}) : null\n }\n \n {\n customer.data.emailAddress ?\n
\n \n }\n\n return useObserver(() => <>\n <>\n {\n (props.drawer === quickDrawer.drawerOpened) ?\n \n {customer.data.emailAddress}\n \n
: null\n }\n {\n customer.data.phoneNumber ?\n \n {sys.getFormattedPhoneNumber(customer.data.phoneNumber)}\n \n
: null\n }\n Linked relationship added.
);\n }\n }\n\n const handleLinkedRelationshipAddCancel = () => {\n }\n\n const handleContactInstructions = () => {\n noteSearch.initialize(customer.data.id, null, 'contactInstruction', false, true);\n quickDrawer.activateQuickDrawer('note', 'view', { title: 'Communication Instructions', icon: 'fal fa-comment-alt-exclamation', renderFilters: false });\n }\n\n const handleCommunicationSubscriptionLink = event => {\n ch.copyCommunicationPreferenceUrl(customer.data);\n }\n\n const handleSubmit = (event) => {\n event.preventDefault();\n\n if (fn.validateForm(validateRef.current)) {\n const isPrimaryPhoneMobile = customer.data.primaryPhoneNumber && customer.data.primaryPhoneNumber.type === 'Mobile';\n const isSecondaryPhoneMobile = customer.data.secondaryPhoneNumber && customer.data.secondaryPhoneNumber.type === 'Mobile';\n\n if (customer.data.preferredContactMethod === 'SMS' && !(isPrimaryPhoneMobile || isSecondaryPhoneMobile)) {\n primaryPhoneTypeRef.current.classList.add('has-error');\n preferredContactMethodRef.current.classList.add('has-error');\n toast.error(() =>Must provide mobile number for SMS.
, { position: 'top-center', style: { width: '380px' } });\n }\n else {\n primaryPhoneTypeRef.current.classList.remove('has-error');\n preferredContactMethodRef.current.classList.remove('has-error');\n\n if (customer.hasContactUnsavedChanges) {\n const updated = customer.hasContactUnsavedChanges;\n\n customer.updateContactInformation()\n .then(data => {\n if (isMounted.current) {\n if (props.onSuccess && fn.isFunction(props.onSuccess)) {\n props.onSuccess(event, { updated: updated, data: data });\n }\n }\n })\n } else {\n if (props.onSuccess && fn.isFunction(props.onSuccess)) {\n props.onSuccess(event, { updated: false, data: null });\n }\n }\n }\n }\n }\n\n const renderCustomer = () => {\n return\n \n {customer.data.initials}\n \n
\n \n {ph.getFullName(customer.data, true)}\n {\n customer.data.dateOfBirth || customer.data.sex || customer.data.gender || customer.data.pronoun ?\n ({`${ph.getAge(customer.data.dateOfBirth)} ${ph.getSexGenderPronounDisplay(customer.data)}`.trim()}) : null\n }\n \n {\n customer.data.address && customer.data.address.country ?\n
\n \n }\n\n const isEmailRequired = () => {\n return customer.data && customer.data.preferredContactMethod === 'Email';\n }\n\n const isPhoneRequired = () => {\n return customer.data &&\n (\n customer.data.preferredContactMethod === 'Phone' || customer.data.preferredContactMethod === 'SMS'\n );\n }\n\n return useObserver(() => <>\n <>\n {\n (props.drawer === quickDrawer.drawerOpened) ?\n {ah.getAddressHtml(customer.data.address)}
: null\n }\n