@tellescope/react-components 1.206.0 → 1.207.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tellescope/react-components",
-  "version": "1.206.0",
+  "version": "1.207.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.206.0",
-    "@tellescope/sdk": "^1.206.0",
-    "@tellescope/types-client": "^1.206.0",
-    "@tellescope/types-models": "^1.206.0",
-    "@tellescope/types-utilities": "^1.206.0",
-    "@tellescope/utilities": "^1.206.0",
-    "@tellescope/validation": "^1.206.0",
+    "@tellescope/constants": "^1.207.0",
+    "@tellescope/sdk": "^1.207.0",
+    "@tellescope/types-client": "^1.207.0",
+    "@tellescope/types-models": "^1.207.0",
+    "@tellescope/types-utilities": "^1.207.0",
+    "@tellescope/utilities": "^1.207.0",
+    "@tellescope/validation": "^1.207.0",
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",
     "css-to-react-native": "^3.0.0",
@@ -80,11 +80,11 @@
     "yup": "^0.32.10"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-native": "^0.65.0 || ^0.66.0 || ^0.67.0 || ^0.68.0 || ^0.71.0"
   },
-  "gitHead": "d806743ca9f51d8abb2464d25f4d093e3b58a55f",
+  "gitHead": "ddf48910e1681e4fc241e85af98f4c6a0f3f42bb",
   "publishConfig": {
     "access": "public"
   }

package/src/Forms/forms.tsx

@@ -35,6 +35,7 @@ export const TellescopeFormContainer = ({ businessId, organizationIds, ...props
 
 const TellescopeFormContainerWithTheme: typeof TellescopeFormContainer = ({ children, language, onChangeLanguage, style, hideBg, backgroundColor, hideLogo, logoHeight }) => {
   const theme = useOrganizationTheme()
+  console.log('logoHeight',logoHeight)
 
   const formContent = (
     <Flex flex={1} column>
@@ -96,12 +97,13 @@ export interface TellescopeFormProps extends ReturnType<typeof useTellescopeForm
   enduser?: Partial<Enduser>,
   groupId?: string,
   groupInstance?: string,
+  logoHeight?: number,
 }
 
 const LOGO_HEIGHT = 40
 export const TellescopeForm = (props : TellescopeFormProps & Styled & { hideBg?: boolean, theme?: OrganizationTheme, inputStyle?: React.CSSProperties }) => (
   <WithOrganizationTheme>
-    <TellescopeFormWithContext {...props} /> 
+    <TellescopeFormWithContext {...props} logoHeight={props?.logoHeight || props?.form?.customization?.logoHeight} /> 
   </WithOrganizationTheme>
 )
 
@@ -697,6 +699,7 @@ const TellescopeFormWithContext: typeof TellescopeForm = (props) => {
   return (
     <TellescopeFormContainer style={props.style} dontAddContext 
       hideBg={props.hideBg || props.form?.customization?.hideBg} 
+      logoHeight={props.logoHeight}
       backgroundColor={props.backgroundColor}
       hideLogo={props?.customization?.hideLogo}
     >

package/src/Forms/hooks.tsx

@@ -653,9 +653,7 @@ export const useTellescopeForm = ({ dontAutoadvance, isPublicForm, form, urlLogi
                         ? (
                             (f.options?.default && !isNaN(parseInt(f.options.default)))
                               ? parseInt(f.options.default)
-                              : f.isOptional 
-                                ? undefined
-                                : (f.options?.from || 1)
+                              : undefined // shows no selection on slider
                           )
                         : f.type === 'Related Contacts'
                           ? (f.isOptional ? [] : [{ relationships: f?.options?.relatedContactTypes?.length === 1 ? [{ type: f.options.relatedContactTypes[0] as EnduserRelationship['type'], id: ''! } ] : [] }])

package/src/inputs_shared.tsx

@@ -9,6 +9,7 @@ import { AgentRecord, AllergyCode, AppointmentBookingPage, AppointmentLocation,
 import { Button, Checkbox, Flex, HoverPaper, LoadingButton, LoadingData, ScrollingList, SearchTextInput, Typography, useAgentRecords, useAllergyCodes, useAppointmentBookingPages, useAppointmentLocations, useAutomationTriggers, useCalendarEventTemplates, useCallHoldQueues, useChatRooms, useDatabaseRecords, useDatabases, useDiagnosisCodes, useEnduserCustomTypes, useEnduserOrders, useEndusers, useFaxLogs, useFiles, useFormGroups, useForms, useForums, useJourneys, useManagedContentRecords, useMessageTemplateSnippets, useNotifications, useOrganization, useOrganizations, usePrescriptionRoutes, useResolvedSession, useSession, useSuggestedContacts, useTemplates, useTicketQueues, useTickets, useUsers, useWaitlists, value_is_loaded } from "."
 import { SxProps } from "@mui/material"
 import { AccessPermissions, ListOfStringsWithQualifier } from "@tellescope/types-models"
+import { phoneValidator } from "@tellescope/validation"
 
 export type FilterV2 = Record<string, any>
 export type FiltersV2 = Record<string, FilterV2>
@@ -885,7 +886,22 @@ export const EnduserSearch = (props: Omit<GenericSearchProps<Enduser>, 'filterKe
   if (((session.userInfo as any)?.access as AccessPermissions)?.users?.read === ALL_ACCESS && !value_is_loaded(usersLoading)) return null
   return (
     <ModelSearchInput filterKey="endusers" {...props} 
-      searchAPI={session.api.endusers.getSome}
+      searchAPI={async ({ search }) => {
+        // handle case of formatted phone number in search bar by parsing to standard phone format and searching explicitly by phone
+        // in this case, also search by generic search term in case user is intending to search by something else (e.g. externalId)
+        try {
+          const phone = phoneValidator.validate()(search.query)
+          if (phone) {
+            return (
+              await Promise.all([
+                session.api.endusers.getSome({ filter: { phone }}),
+                session.api.endusers.getSome({ search }),
+              ])
+            ).flatMap(v => v)
+          }
+        } catch(err) {}
+        return session.api.endusers.getSome({ search })
+      }}
       onLoad={addLocalElements}
       attachSearchableFields={t => {
         const users = t.assignedTo?.map(userId => findUser(userId, { batch: true })).filter(u => u) as User[]

package/src/state.tsx

@@ -99,6 +99,7 @@ import {
   EnduserEligibilityResult,
   AgentRecord,
   Waitlist,
+  AIConversation,
 } from "@tellescope/types-client"
 
 import {
@@ -366,6 +367,7 @@ const integrationLogsSlice = createSliceForList<IntegrationLog, 'integration_log
 const enduserEligibilityResultsSlice = createSliceForList<EnduserEligibilityResult, 'enduser_eligibility_results'>('enduser_eligibility_results')
 const agentRecordsSlice = createSliceForList<AgentRecord, 'agent_records'>('agent_records')
 const waitlistsSlice = createSliceForList<Waitlist, 'waitlists'>('waitlists')
+const aiConversationsSlice = createSliceForList<AIConversation, 'ai_conversations'>('ai_conversations')
 
 const roleBasedAccessPermissionsSlice = createSliceForList<RoleBasedAccessPermission, 'role_based_access_permissions'>('role_based_access_permissions')
 
@@ -374,6 +376,7 @@ const userLogsSlice = createSliceForList<UserLog, 'user_logs'>('user_logs')
 
 export const sharedConfig = {
   reducer: { 
+    ai_conversations: aiConversationsSlice.reducer,
     agent_records: agentRecordsSlice.reducer,
     enduser_eligibility_results: enduserEligibilityResultsSlice.reducer,
     integration_logs: integrationLogsSlice.reducer,
@@ -1312,6 +1315,25 @@ export const useEnduserEligibilityResults = (options={} as HookOptions<EnduserEl
   )
 }
 
+export const useAIConversations = (options={} as HookOptions<AIConversation>) => {
+  const session = useSession()
+
+  return useListStateHook('ai_conversations', useTypedSelector(s => s.ai_conversations), session, aiConversationsSlice,
+    { 
+      loadQuery: session.api.ai_conversations.getSome,
+      findOne: session.api.ai_conversations.getOne,
+      findByIds: session.api.ai_conversations.getByIds,
+      addOne: session.api.ai_conversations.createOne,
+      addSome: session.api.ai_conversations.createSome,
+      deleteOne: session.api.ai_conversations.deleteOne,
+      updateOne: session.api.ai_conversations.updateOne,
+    },
+    { 
+      ...options,
+    },
+  )
+}
+
 export const useAgentRecords = (options={} as HookOptions<AgentRecord>) => {
   const session = useSession()