@tellescope/react-components 1.136.1 → 1.138.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tellescope/react-components",
-  "version": "1.136.1",
+  "version": "1.138.0",
   "description": "",
   "main": "./lib/cjs/index.js",
   "module": "./lib/esm/index.js",
@@ -47,12 +47,12 @@
     "@reduxjs/toolkit": "^1.6.2",
     "@stripe/react-stripe-js": "^2.1.0",
     "@stripe/stripe-js": "^1.52.1",
-    "@tellescope/constants": "^1.136.1",
-    "@tellescope/sdk": "^1.136.1",
-    "@tellescope/types-client": "^1.136.1",
-    "@tellescope/types-models": "^1.136.1",
+    "@tellescope/constants": "^1.138.0",
+    "@tellescope/sdk": "^1.138.0",
+    "@tellescope/types-client": "^1.138.0",
+    "@tellescope/types-models": "^1.138.0",
     "@tellescope/types-utilities": "^1.69.3",
-    "@tellescope/utilities": "^1.136.1",
+    "@tellescope/utilities": "^1.138.0",
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",
     "css-to-react-native": "^3.0.0",
@@ -79,7 +79,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": "350b7839964be7a9262ad7916f14e84bf7698ba1",
+  "gitHead": "cc023df2e9c137ffc5c2e745a629858b2fe4476b",
   "publishConfig": {
     "access": "public"
   }

package/src/Forms/form_responses.tsx

@@ -156,6 +156,17 @@ export const ResponseAnswer = ({ formResponse, fieldId, isHTML, answer: a, print
             )
 
           })()
+        : (a.type === 'Related Contacts' && a.value && a.value.length > 0) ? (
+          <Grid container direction="column" spacing={1}>
+          {a.value.map((v, i) => (
+            <Grid item key={i}>
+              <Typography>
+                {v.fname}{v.lname && ` ${v.lname}`}{v.dateOfBirth && ` ${v.dateOfBirth}`}{v.email && `, ${v.email}`}{v.phone && `, ${v.phone}`}
+              </Typography>
+            </Grid>
+          ))}
+          </Grid>
+        )
         : (
           <Typography style={answerStyles}>
             {form_response_value_to_string(a.value)}
@@ -188,8 +199,20 @@ export const OrganizationLogo = () => {
   )
 }
 
-export const ResolveOrganizationLogo = () => {
+export const ResolveOrganizationLogo = ({ logoURL } : { logoURL?: string }) => {
   const session = useResolvedSession()
+
+  if (logoURL) {
+    return (
+      <Image 
+        src={logoURL} 
+        alt=""
+        maxWidth={400}
+        height={50}
+      />
+    )
+  }
+
   if (session.type === 'enduser') return null
 
   return <OrganizationLogo />
@@ -201,9 +224,10 @@ interface FormResponse_T {
   hideHeader?: boolean,
   response: FormResponse,
   id?: string,
+  logoURL?: string,
 }
 // this should use all vanilla React / inline styles to ensure printing is consistent
-export const FormResponseView = ({ enduser, onClose, hideHeader, response, id, printing, onImageClick } : FormResponse_T & { 
+export const FormResponseView = ({ logoURL, enduser, onClose, hideHeader, response, id, printing, onImageClick } : FormResponse_T & { 
   printing?: boolean,
   onImageClick?: (args: { src: string }) => void,
 }) => {
@@ -220,7 +244,7 @@ export const FormResponseView = ({ enduser, onClose, hideHeader, response, id, p
       <div style={{ textAlign: 'center' }}>
         {!hideHeader && 
           <>
-          <ResolveOrganizationLogo />
+          <ResolveOrganizationLogo logoURL={logoURL} />
 
           <h2 style={{
             fontSize: 20,

package/src/Forms/forms.tsx

@@ -720,6 +720,7 @@ export const SaveDraft = ({
             ),
             { 
               draftSavedAt: new Date(),
+              draftSavedBy: session?.userInfo?.id,
               responses: [
                 ...(existingResponses ?? []).filter(r => !fields.find(f => f.id === r.fieldId)),
                 ...getResponsesWithQuestionGroupAnswers(includedFieldIds.map(id => responses.find(r => r.fieldId === id)!))

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 { AppointmentBookingPage, AppointmentLocation, AutomationTrigger, CalendarEventTemplate, ChatRoom, Database, DatabaseRecord, Enduser, FaxLog, File, Form, FormGroup, Forum, Journey, ManagedContentRecord, MessageTemplateSnippet, Organization, PrescriptionRoute, Template, Ticket, TicketQueue, User, UserNotification } from "@tellescope/types-client"
-import { Button, Checkbox, Flex, HoverPaper, LoadingButton, LoadingData, LoadingLinear, ScrollingList, SearchTextInput, Typography, useAppointmentBookingPages, useAppointmentLocations, useAutomationTriggers, useCalendarEventTemplates, useChatRooms, useDatabaseRecords, useDatabases, useEndusers, useFaxLogs, useFiles, useFormGroups, useForms, useForums, useJourneys, useManagedContentRecords, useMessageTemplateSnippets, useNotifications, useOrganization, useOrganizations, usePrescriptionRoutes, useResolvedSession, useSession, useTemplates, useTicketQueues, useTickets, useUsers, value_is_loaded } from "."
+import { AppointmentBookingPage, AppointmentLocation, AutomationTrigger, CalendarEventTemplate, CallHoldQueue, ChatRoom, Database, DatabaseRecord, Enduser, FaxLog, File, Form, FormGroup, Forum, Journey, ManagedContentRecord, MessageTemplateSnippet, Organization, PrescriptionRoute, Template, Ticket, TicketQueue, User, UserNotification } from "@tellescope/types-client"
+import { Button, Checkbox, Flex, HoverPaper, LoadingButton, LoadingData, LoadingLinear, ScrollingList, SearchTextInput, Typography, useAppointmentBookingPages, useAppointmentLocations, useAutomationTriggers, useCalendarEventTemplates, useCallHoldQueues, useChatRooms, useDatabaseRecords, useDatabases, useEndusers, useFaxLogs, useFiles, useFormGroups, useForms, useForums, useJourneys, useManagedContentRecords, useMessageTemplateSnippets, useNotifications, useOrganization, useOrganizations, usePrescriptionRoutes, useResolvedSession, useSession, useTemplates, useTicketQueues, useTickets, useUsers, value_is_loaded } from "."
 import { SxProps } from "@mui/material"
 import { AccessPermissions } from "@tellescope/types-models"
 
@@ -563,6 +563,17 @@ export const FileSearch = (props: Omit<GenericSearchProps<File>, 'filterKey'> &
   )
 }
 
+export const CallHoldQueueSearch = (props: Omit<GenericSearchProps<CallHoldQueue>, 'filterKey'> & { filterKey?: string }) => {
+  const session = useSession()
+  const [, { addLocalElements }] = useCallHoldQueues({ dontFetch: true })
+  return (
+    <ModelSearchInput filterKey="call-hold-queue" {...props} 
+      searchAPI={session.api.call_hold_queues.getSome}
+      onLoad={addLocalElements}
+    />
+  )
+}
+
 export const TicketQueueSearch = (props: Omit<GenericSearchProps<TicketQueue>, 'filterKey'> & { filterKey?: string }) => {
   const session = useSession()
   const [, { addLocalElements }] = useTicketQueues({ dontFetch: true })

package/src/state.tsx

@@ -91,6 +91,7 @@ import {
   PortalBranding,
   MessageTemplateSnippet,
   FaxLog,
+  CallHoldQueue,
 } from "@tellescope/types-client"
 
 import {
@@ -340,6 +341,7 @@ const ticketThreadsSlice = createSliceForList<TicketThread, 'ticket_threads'>('t
 const ticketThreadCommentsSlice = createSliceForList<TicketThreadComment, 'ticket_thread_comments'>('ticket_thread_comments')
 const configurationsSlice = createSliceForList<Configuration, 'configurations'>('configurations')
 const ticketQueuesSlice = createSliceForList<TicketQueue, 'ticket_queues'>('ticket_queues')
+const callHoldQueuesSlice = createSliceForList<TicketQueue, 'call_hold_queues'>('call_hold_queues')
 const enduserOrdersSlice = createSliceForList<EnduserOrder, 'enduser_orders'>('enduser_orders')
 const enduserEncountersSlice = createSliceForList<EnduserEncounter, 'enduser_encounters'>('enduser_encounters')
 const vitalConfigurationsSlice = createSliceForList<VitalConfiguration, 'vital_configurations'>('vital_configurations')
@@ -434,6 +436,7 @@ export const sharedConfig = {
     portal_brandings: portalBrandingsSlice.reducer,
     message_template_snippets: messageTemplateSnippetsSlice.reducer,
     fax_logs: faxLogsSlice.reducer,
+    call_hold_queues: callHoldQueuesSlice.reducer,
   },
 }
 
@@ -1439,6 +1442,24 @@ export const useEnduserProfileViews = (options={} as HookOptions<EnduserProfileV
     },
   )
 }
+export const useCallHoldQueues = (options={} as HookOptions<CallHoldQueue>) => {
+  const session = useSession() 
+
+  return useListStateHook('call_hold_queues', useTypedSelector(s => s.call_hold_queues), session, callHoldQueuesSlice,
+    { 
+      loadQuery: session.api.call_hold_queues.getSome,
+      findOne: session.api.call_hold_queues.getOne,
+      findByIds: session.api.call_hold_queues.getByIds,
+      addOne: session.api.call_hold_queues.createOne,
+      addSome: session.api.call_hold_queues.createSome,
+      deleteOne: session.api.call_hold_queues.deleteOne,
+      updateOne: session.api.call_hold_queues.updateOne,
+    },
+    { 
+      ...options,
+    },
+  )
+}
 export const useTicketQueues = (options={} as HookOptions<TicketQueue>) => {
   const session = useSession() 
 
@@ -2284,7 +2305,7 @@ export const useOrganizations = (options={} as HookOptions<Organization>) => {
   )
 }
 export const useOrganization = (options={} as HookOptions<Organization>) => {
-  const session = useSession()
+  const session = useResolvedSession()
   const [organizationsLoading, actions] = useOrganizations(options)
 
   return [