@tellescope/react-components 1.138.0 → 1.140.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tellescope/react-components",
-  "version": "1.138.0",
+  "version": "1.140.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.138.0",
-    "@tellescope/sdk": "^1.138.0",
-    "@tellescope/types-client": "^1.138.0",
-    "@tellescope/types-models": "^1.138.0",
+    "@tellescope/constants": "^1.140.0",
+    "@tellescope/sdk": "^1.140.0",
+    "@tellescope/types-client": "^1.140.0",
+    "@tellescope/types-models": "^1.140.0",
     "@tellescope/types-utilities": "^1.69.3",
-    "@tellescope/utilities": "^1.138.0",
+    "@tellescope/utilities": "^1.140.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": "cc023df2e9c137ffc5c2e745a629858b2fe4476b",
+  "gitHead": "96366a4b190c7b432fbefd3469f0f9ade17ac589",
   "publishConfig": {
     "access": "public"
   }

package/src/Forms/hooks.tsx

@@ -910,6 +910,12 @@ export const useTellescopeForm = ({ form, urlLogicValue, customization, carePlan
       if (!file.blobs?.length) {
         return "A file is required"
       }
+      if (typeof field.options?.min === 'number' && file.blobs.length < field.options.min) {
+        return `At least ${field.options?.min} file(s) are required`
+      }
+      if (typeof field.options?.max === 'number' && file.blobs.length > field.options.max) {
+        return `At most ${field.options?.max} file(s) are allowed`
+      }
       return null // no need to check against other stuff
     }
     // remaining can refer to currentValue, not currentFileValue

package/src/inputs.tsx

@@ -348,10 +348,10 @@ export const DeleteWithConfimrationIcon = ({ modelName, color, iconProps, onSucc
   )
 }
 
-export const SearchTextInput = ({ onChange, ...props } : TextFieldProps) => (
+export const SearchTextInput = ({ onChange, hideIcon, ...props } : TextFieldProps & { hideIcon?: boolean, }) => (
   <TextField size="small" placeholder="Search..." 
     onChange={s => onChange?.(s)}
-    InputProps={{
+    InputProps={hideIcon ? undefined : {
       startAdornment: (
         <InputAdornment position="start">
           <SearchIcon color={props.value ? 'primary' : undefined} />

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, 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 { AppointmentBookingPage, AppointmentLocation, AutomationTrigger, CalendarEventTemplate, CallHoldQueue, ChatRoom, Database, DatabaseRecord, Enduser, 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, useAppointmentBookingPages, useAppointmentLocations, useAutomationTriggers, useCalendarEventTemplates, useCallHoldQueues, useChatRooms, useDatabaseRecords, useDatabases, 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"
 
@@ -341,6 +341,9 @@ export interface GenericSearchProps <T> extends FilterComponent<T> {
   attachSearchableFields?: (v: T) => Indexable | undefined,
   dontFetch?: boolean,
   autoFocus?: boolean,
+  value?: string,
+  onChange?: (s: string) => void,
+  hideIcon?: boolean,
 }
 interface ModelSearchProps<T> extends GenericSearchProps<T>, SearchAPIProps<T> {}
 export const ModelSearchInput = <T,>({ 
@@ -352,16 +355,24 @@ export const ModelSearchInput = <T,>({
   // @ts-ignore remove from props if provided by mistake
   compoundApiFilter, 
 
+  value,
+  onChange,
+
   ...props 
 } : ModelSearchProps<T>) => {
   const cacheKey = `search-cache-${filterKey}`
-  const [query, setQuery] = useState(read_local_storage(cacheKey) || '')
+  const [_query, _setQuery] = useState(read_local_storage(cacheKey) || '')
+
+  const query = value ?? _query
+  const setQuery = onChange ?? _setQuery
   const filterOnLoadRef = useRef(!!query)
 
   useEffect(() => {
     update_local_storage(cacheKey, query) 
   }, [query])
 
+  useEffect(() => onChange?.(query), [onChange, query])
+
   useSearchAPI({ query, searchAPI, onLoad })
 
   useEffect(() => {
@@ -563,6 +574,17 @@ export const FileSearch = (props: Omit<GenericSearchProps<File>, 'filterKey'> &
   )
 }
 
+export const SuggestedContactSearch = (props: Omit<GenericSearchProps<SuggestedContact>, 'filterKey'> & { filterKey?: string }) => {
+  const session = useSession()
+  const [, { addLocalElements }] = useSuggestedContacts({ dontFetch: true })
+  return (
+    <ModelSearchInput filterKey="suggested-contact" {...props} 
+      searchAPI={session.api.suggested_contacts.getSome}
+      onLoad={addLocalElements}
+    />
+  )
+}
+
 export const CallHoldQueueSearch = (props: Omit<GenericSearchProps<CallHoldQueue>, 'filterKey'> & { filterKey?: string }) => {
   const session = useSession()
   const [, { addLocalElements }] = useCallHoldQueues({ dontFetch: true })

package/src/state.tsx

@@ -92,6 +92,7 @@ import {
   MessageTemplateSnippet,
   FaxLog,
   CallHoldQueue,
+  SuggestedContact,
 } from "@tellescope/types-client"
 
 import {
@@ -351,6 +352,7 @@ const formGroupsSlice = createSliceForList<FormGroup, 'form_groups'>('form_group
 const portalBrandingsSlice = createSliceForList<PortalBranding, 'portal_brandings'>('portal_brandings')
 const messageTemplateSnippetsSlice = createSliceForList<MessageTemplateSnippet, 'message_template_snippets'>('message_template_snippets')
 const faxLogsSlice = createSliceForList<FaxLog, 'fax_logs'>('fax_logs')
+const suggestedContactsSlice = createSliceForList<SuggestedContact, 'suggested_contacts'>('suggested_contacts')
 
 const roleBasedAccessPermissionsSlice = createSliceForList<RoleBasedAccessPermission, 'role_based_access_permissions'>('role_based_access_permissions')
 
@@ -437,6 +439,7 @@ export const sharedConfig = {
     message_template_snippets: messageTemplateSnippetsSlice.reducer,
     fax_logs: faxLogsSlice.reducer,
     call_hold_queues: callHoldQueuesSlice.reducer,
+    suggested_contacts: suggestedContactsSlice.reducer,
   },
 }
 
@@ -1180,6 +1183,25 @@ export const useUserAndEnduserDisplayInfo = () => {
   return displayInfo
 }
 
+export const useSuggestedContacts = (options={} as HookOptions<SuggestedContact>) => {
+  const session = useSession()
+
+  return useListStateHook('suggested_contacts', useTypedSelector(s => s.suggested_contacts), session, suggestedContactsSlice,
+    { 
+      loadQuery: session.api.suggested_contacts.getSome,
+      findOne: session.api.suggested_contacts.getOne,
+      findByIds: session.api.suggested_contacts.getByIds,
+      addOne: session.api.suggested_contacts.createOne,
+      addSome: session.api.suggested_contacts.createSome,
+      deleteOne: session.api.suggested_contacts.deleteOne,
+      updateOne: session.api.suggested_contacts.updateOne,
+    },
+    { 
+      ...options,
+    },
+  )
+}
+
 export const useFaxLogs = (options={} as HookOptions<FaxLog>) => {
   const session = useSession()