@tellescope/react-components 1.146.0 → 1.148.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tellescope/react-components",
-  "version": "1.146.0",
+  "version": "1.148.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.1.0",
     "@stripe/stripe-js": "^1.52.1",
-    "@tellescope/constants": "^1.146.0",
-    "@tellescope/sdk": "^1.146.0",
-    "@tellescope/types-client": "^1.146.0",
-    "@tellescope/types-models": "^1.146.0",
-    "@tellescope/types-utilities": "^1.146.0",
-    "@tellescope/utilities": "^1.146.0",
-    "@tellescope/validation": "^1.146.0",
+    "@tellescope/constants": "^1.148.0",
+    "@tellescope/sdk": "^1.148.0",
+    "@tellescope/types-client": "^1.148.0",
+    "@tellescope/types-models": "^1.148.0",
+    "@tellescope/types-utilities": "^1.148.0",
+    "@tellescope/utilities": "^1.148.0",
+    "@tellescope/validation": "^1.148.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": "cadbbce01bfb642972356abd84bd36378fc7693f",
+  "gitHead": "5466a75bab2c68b72a908dd7f9bddca91c3cc8f2",
   "publishConfig": {
     "access": "public"
   }

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, 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 { AppointmentBookingPage, AppointmentLocation, AutomationTrigger, CalendarEventTemplate, CallHoldQueue, ChatRoom, Database, DatabaseRecord, 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, useAppointmentBookingPages, useAppointmentLocations, useAutomationTriggers, useCalendarEventTemplates, useCallHoldQueues, useChatRooms, useDatabaseRecords, useDatabases, 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"
 
@@ -512,6 +512,39 @@ export const TicketSearch = (props: Omit<GenericSearchProps<Ticket>, 'filterKey'
   )
 }
 
+export const ENDUSER_ORDERS_SEARCH_FILTER_KEY = 'ticket-search'
+export const EnduserOrdersSearch = (props: Omit<GenericSearchProps<EnduserOrder>, 'filterKey'> & { filterKey?: string }) => {
+  const session = useResolvedSession()
+  const [, { addLocalElements }] = useEnduserOrders()
+  const [endusersLoading, { findById: findEnduser }] = useEndusers() 
+
+  // wait for users/endusers to load, so that a saved query is able to match attachSearchableFields
+  if (!value_is_loaded(endusersLoading)) return null
+  return (
+    <ModelSearchInput filterKey={ENDUSER_ORDERS_SEARCH_FILTER_KEY} {...props} 
+      searchAPI={session.api.enduser_orders.getSome}
+      onLoad={addLocalElements}
+      attachSearchableFields={t => {
+        const enduser = findEnduser(t.enduserId ?? '', { batch: true })
+        if (!enduser) return undefined
+    
+        const fields = {} as Record<string, string>
+        if (enduser) {
+          fields.enduser_fname = enduser.fname || '';
+          fields.enduser_lname = enduser.lname || '';
+          fields.enduser_fullname = `${enduser.fname} ${enduser.lname}`;
+          fields.enduser_email = enduser.email || '';
+          if (enduser.tags?.length) {
+            fields.tags = enduser.tags.join(',')
+          }
+        }
+    
+        return fields
+      }}
+    />
+  )
+}
+
 export const PrescriptionRoutesSearch = (props: Omit<GenericSearchProps<PrescriptionRoute>, 'filterKey'> & { filterKey?: string }) => {
   const session = useSession()
   const [, { addLocalElements }] = usePrescriptionRoutes()