@tellescope/react-components 1.163.0 → 1.165.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tellescope/react-components",
-  "version": "1.163.0",
+  "version": "1.165.0",
   "description": "",
   "main": "./lib/cjs/index.js",
   "module": "./lib/esm/index.js",
@@ -47,13 +47,13 @@
     "@reduxjs/toolkit": "^1.6.2",
     "@stripe/react-stripe-js": "^2.9.0",
     "@stripe/stripe-js": "^1.52.1",
-    "@tellescope/constants": "^1.163.0",
-    "@tellescope/sdk": "^1.163.0",
-    "@tellescope/types-client": "^1.163.0",
-    "@tellescope/types-models": "^1.163.0",
-    "@tellescope/types-utilities": "^1.163.0",
-    "@tellescope/utilities": "^1.163.0",
-    "@tellescope/validation": "^1.163.0",
+    "@tellescope/constants": "^1.165.0",
+    "@tellescope/sdk": "^1.165.0",
+    "@tellescope/types-client": "^1.165.0",
+    "@tellescope/types-models": "^1.165.0",
+    "@tellescope/types-utilities": "^1.165.0",
+    "@tellescope/utilities": "^1.165.0",
+    "@tellescope/validation": "^1.165.0",
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",
     "css-to-react-native": "^3.0.0",
@@ -80,7 +80,7 @@
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react-native": "^0.65.0 || ^0.66.0 || ^0.67.0 || ^0.68.0 || ^0.71.0"
   },
-  "gitHead": "6a89f58a6a1826cd1ef8569f90c29de7774c5919",
+  "gitHead": "7950d3c787ac268cde52ecb71e4cc882fd9d2b54",
   "publishConfig": {
     "access": "public"
   }

package/src/Forms/inputs.tsx

@@ -1045,6 +1045,44 @@ export const AddressInput = ({ field, form, value, onChange, ...props }: FormInp
   )
 )
 
+export const ESignatureTerms = () => {
+  let companyName = 'Tellescope'
+  try {
+    const indexOfName = window.location.href.indexOf('name=')
+    if (indexOfName !== -1) {
+      companyName = (
+        decodeURIComponent(window.location.href.substring(indexOfName + 5))
+        || companyName
+      )
+    }
+  } catch(err) { 
+    console.error(err) 
+  }
+
+  return (
+    <div style={{paddingLeft: 10}}>
+      <h1>{companyName} Electronic Signature Terms</h1>
+
+      <p>
+        By selecting the "I consent to use electronic signatures" checkbox, 
+        you are signing this Agreement electronically. 
+        You agree your electronic signature is the legal 
+        equivalent of your manual/handwritten signature on this Agreement.  
+        By selecting "I consent to use electronic signatures" using any device, means or action, you consent to the 
+        legally binding terms and conditions of this Agreement. 
+        You further agree that your signature on this document (hereafter referred to as your "E-Signature") 
+        is as valid as if you signed the document in writing. 
+        You also agree that no certification authority or other third party 
+        verification is necessary to validate your E-Signature,
+        and that the lack of such certification or third party verification will 
+        not in any way affect the enforceability
+        of your E-Signature or any resulting agreement between you and 
+        {companyName} or between you and a customer of {companyName}.
+      </p>  
+    </div>
+  )
+}
+
 export const SignatureInput = ({ value, field, autoFocus=true, enduser, onChange }: FormInputProps<'signature'>) => {
   const prefill = (
     field.options?.prefillSignature && enduser?.fname && enduser.lname
@@ -1103,7 +1141,7 @@ export const SignatureInput = ({ value, field, autoFocus=true, enduser, onChange
         />
         <Typography component="span" style={{ position: 'relative', top: 5, left: 2 }}> 
           I consent to 
-          use <a href="/e-signature-terms" target="_blank" rel="noopener noreferrer"> electronic signatures </a>
+          use <a href={`/e-signature-terms?name=${field.options?.esignatureTermsCompanyName || ''}`} target="_blank" rel="noopener noreferrer"> electronic signatures </a>
         </Typography>
       </Grid>
 

package/src/inputs.tsx

@@ -122,7 +122,7 @@ export const useFileUpload = (o={} as UseFileUploaderOptions) => {
     } finally {
       setUploading(false)
     }
-  }, [session, setUploading, isCalledOut])
+  }, [session, setUploading, isCalledOut, enduserId])
 
   return {
     handleUpload,

package/src/inputs_shared.tsx

@@ -5,8 +5,8 @@ import { LoadFunction, LoadFunctionArguments } from "@tellescope/sdk"
 import { ALL_ACCESS, UNSEARCHABLE_FIELDS } from "@tellescope/constants"
 import { SearchAPIProps, useSearchAPI } from "./hooks"
 import { TextFieldProps } from "./mui"
-import { AllergyCode, AppointmentBookingPage, AppointmentLocation, AutomationTrigger, CalendarEventTemplate, CallHoldQueue, ChatRoom, Database, DatabaseRecord, DiagnosisCode, Enduser, EnduserOrder, FaxLog, File, Form, FormGroup, Forum, Journey, ManagedContentRecord, MessageTemplateSnippet, Organization, PrescriptionRoute, SuggestedContact, Template, Ticket, TicketQueue, User, UserNotification } from "@tellescope/types-client"
-import { Button, Checkbox, Flex, HoverPaper, LoadingButton, LoadingData, LoadingLinear, ScrollingList, SearchTextInput, Typography, useAllergyCodes, useAppointmentBookingPages, useAppointmentLocations, useAutomationTriggers, useCalendarEventTemplates, useCallHoldQueues, useChatRooms, useDatabaseRecords, useDatabases, useDiagnosisCodes, useEnduserOrders, useEndusers, useFaxLogs, useFiles, useFormGroups, useForms, useForums, useJourneys, useManagedContentRecords, useMessageTemplateSnippets, useNotifications, useOrganization, useOrganizations, usePrescriptionRoutes, useResolvedSession, useSession, useSuggestedContacts, useTemplates, useTicketQueues, useTickets, useUsers, value_is_loaded } from "."
+import { AgentRecord, AllergyCode, AppointmentBookingPage, AppointmentLocation, AutomationTrigger, CalendarEventTemplate, CallHoldQueue, ChatRoom, Database, DatabaseRecord, DiagnosisCode, Enduser, EnduserOrder, FaxLog, File, Form, FormGroup, Forum, Journey, ManagedContentRecord, MessageTemplateSnippet, Organization, PrescriptionRoute, SuggestedContact, Template, Ticket, TicketQueue, User, UserNotification } from "@tellescope/types-client"
+import { Button, Checkbox, Flex, HoverPaper, LoadingButton, LoadingData, LoadingLinear, ScrollingList, SearchTextInput, Typography, useAgentRecords, useAllergyCodes, useAppointmentBookingPages, useAppointmentLocations, useAutomationTriggers, useCalendarEventTemplates, useCallHoldQueues, useChatRooms, useDatabaseRecords, useDatabases, useDiagnosisCodes, useEnduserOrders, useEndusers, useFaxLogs, useFiles, useFormGroups, useForms, useForums, useJourneys, useManagedContentRecords, useMessageTemplateSnippets, useNotifications, useOrganization, useOrganizations, usePrescriptionRoutes, useResolvedSession, useSession, useSuggestedContacts, useTemplates, useTicketQueues, useTickets, useUsers, value_is_loaded } from "."
 import { SxProps } from "@mui/material"
 import { AccessPermissions } from "@tellescope/types-models"
 
@@ -618,6 +618,17 @@ export const SuggestedContactSearch = (props: Omit<GenericSearchProps<SuggestedC
   )
 }
 
+export const AgentRecordSearch = (props: Omit<GenericSearchProps<AgentRecord>, 'filterKey'> & { filterKey?: string }) => {
+  const session = useSession()
+  const [, { addLocalElements }] = useAgentRecords({ dontFetch: true })
+  return (
+    <ModelSearchInput filterKey="agent-record" {...props} 
+      searchAPI={session.api.agent_records.getSome}
+      onLoad={addLocalElements}
+    />
+  )
+}
+
 export const AllergyCodeSearch = (props: Omit<GenericSearchProps<AllergyCode>, 'filterKey'> & { filterKey?: string }) => {
   const session = useSession()
   const [, { addLocalElements }] = useAllergyCodes({ dontFetch: true })

package/src/state.tsx

@@ -97,6 +97,7 @@ import {
   AllergyCode,
   IntegrationLog,
   EnduserEligibilityResult,
+  AgentRecord,
 } from "@tellescope/types-client"
 
 import {
@@ -361,6 +362,7 @@ const diagnosisCodesSlice = createSliceForList<DiagnosisCode, 'diagnosis_codes'>
 const allergyCodesSlice = createSliceForList<AllergyCode, 'allergy_codes'>('allergy_codes')
 const integrationLogsSlice = createSliceForList<IntegrationLog, 'integration_logs'>('integration_logs')
 const enduserEligibilityResultsSlice = createSliceForList<EnduserEligibilityResult, 'enduser_eligibility_results'>('enduser_eligibility_results')
+const agentRecordsSlice = createSliceForList<AgentRecord, 'agent_records'>('agent_records')
 
 const roleBasedAccessPermissionsSlice = createSliceForList<RoleBasedAccessPermission, 'role_based_access_permissions'>('role_based_access_permissions')
 
@@ -369,6 +371,7 @@ const userLogsSlice = createSliceForList<UserLog, 'user_logs'>('user_logs')
 
 export const sharedConfig = {
   reducer: { 
+    agent_records: agentRecordsSlice.reducer,
     enduser_eligibility_results: enduserEligibilityResultsSlice.reducer,
     integration_logs: integrationLogsSlice.reducer,
     ticket_queues: ticketQueuesSlice.reducer,
@@ -1214,6 +1217,25 @@ export const useEnduserEligibilityResults = (options={} as HookOptions<EnduserEl
   )
 }
 
+export const useAgentRecords = (options={} as HookOptions<AgentRecord>) => {
+  const session = useSession()
+
+  return useListStateHook('agent_records', useTypedSelector(s => s.agent_records), session, agentRecordsSlice,
+    { 
+      loadQuery: session.api.agent_records.getSome,
+      findOne: session.api.agent_records.getOne,
+      findByIds: session.api.agent_records.getByIds,
+      addOne: session.api.agent_records.createOne,
+      addSome: session.api.agent_records.createSome,
+      deleteOne: session.api.agent_records.deleteOne,
+      updateOne: session.api.agent_records.updateOne,
+    },
+    { 
+      ...options,
+    },
+  )
+}
+
 export const useSuggestedContacts = (options={} as HookOptions<SuggestedContact>) => {
   const session = useSession()