@tellescope/react-components 1.127.0 → 1.129.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tellescope/react-components",
-  "version": "1.127.0",
+  "version": "1.129.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.127.0",
-    "@tellescope/sdk": "^1.127.0",
-    "@tellescope/types-client": "^1.127.0",
-    "@tellescope/types-models": "^1.127.0",
+    "@tellescope/constants": "^1.129.0",
+    "@tellescope/sdk": "^1.129.0",
+    "@tellescope/types-client": "^1.129.0",
+    "@tellescope/types-models": "^1.129.0",
     "@tellescope/types-utilities": "^1.69.3",
-    "@tellescope/utilities": "^1.127.0",
+    "@tellescope/utilities": "^1.129.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": "1393e45b767e134b53ec044a6206254094e1b76d",
+  "gitHead": "1ed0a4f0df3a89a1f75a1e5ee8900e470de8a69b",
   "publishConfig": {
     "access": "public"
   }

package/src/Forms/inputs.tsx

@@ -2596,11 +2596,13 @@ export const AppointmentBookingInput = ({ formResponseId, field, value, onChange
       .join(',')
     }`
   }
-  if (field.options?.holdAppointmentMinutes && formResponseId) {
-    bookingURL += `&formResponseId=${formResponseId}`
+  // need to use form?.id for internally-submitted forms because formResponseId isn't generated until initial submission or saved draft
+  if (field.options?.holdAppointmentMinutes && (formResponseId || field?.id)) {
+    bookingURL += `&formResponseId=${formResponseId || field?.id}`
     bookingURL += `&holdAppointmentMinutes=${field.options.holdAppointmentMinutes}`
   }
 
+  console.log(bookingURL, formResponseId, field?.id, field.options?.holdAppointmentMinutes)
   return (
     <Grid container direction="column" spacing={1} sx={{ mt: 1 }}>
       {/* When skipping user selection, include a back button at the top for clearer navigation on mobile */}

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, AutomationTrigger, CalendarEventTemplate, ChatRoom, Database, DatabaseRecord, Enduser, File, Form, FormGroup, Forum, Journey, ManagedContentRecord, Organization, PrescriptionRoute, Template, Ticket, User, UserNotification } from "@tellescope/types-client"
-import { Button, Checkbox, Flex, HoverPaper, LoadingButton, LoadingData, LoadingLinear, ScrollingList, SearchTextInput, Typography, useAppointmentBookingPages, useAutomationTriggers, useCalendarEventTemplates, useChatRooms, useDatabaseRecords, useDatabases, useEndusers, useFiles, useFormGroups, useForms, useForums, useJourneys, useManagedContentRecords, useNotifications, useOrganization, useOrganizations, usePrescriptionRoutes, useResolvedSession, useSession, useTemplates, useTickets, useUsers, value_is_loaded } from "."
+import { AppointmentBookingPage, AppointmentLocation, AutomationTrigger, CalendarEventTemplate, ChatRoom, Database, DatabaseRecord, Enduser, File, Form, FormGroup, Forum, Journey, ManagedContentRecord, MessageTemplateSnippet, Organization, PrescriptionRoute, Template, Ticket, 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, useFiles, useFormGroups, useForms, useForums, useJourneys, useManagedContentRecords, useMessageTemplateSnippets, useNotifications, useOrganization, useOrganizations, usePrescriptionRoutes, useResolvedSession, useSession, useTemplates, useTickets, useUsers, value_is_loaded } from "."
 import { SxProps } from "@mui/material"
 import { AccessPermissions } from "@tellescope/types-models"
 
@@ -661,6 +661,17 @@ export const EnduserOrUserSearch = (props: Omit<GenericSearchProps<Enduser | Use
   )
 }
 
+export const MessageTemplateSnippetSearch = ({ dontFetch, ...props }: Omit<GenericSearchProps<MessageTemplateSnippet>, 'filterKey'> & { filterKey?: string }) => {
+  const session = useSession()
+  const [, { addLocalElements }] = useMessageTemplateSnippets({ dontFetch })
+  return (
+    <ModelSearchInput filterKey="message_template_snippets" {...props} 
+      searchAPI={session.api.message_template_snippets.getSome}
+      onLoad={addLocalElements}
+    />
+  )
+}
+
 export const ContentSearch = ({ dontFetch, ...props }: Omit<GenericSearchProps<ManagedContentRecord>, 'filterKey'> & { filterKey?: string }) => {
   const session = useResolvedSession()
   const [, { addLocalElements }] = useManagedContentRecords({ dontFetch })
@@ -683,6 +694,17 @@ export const CalendarEventTemplatesSearch = (props: Omit<GenericSearchProps<Cale
   )
 }
 
+export const AppointmentLocationSearch = (props: Omit<GenericSearchProps<AppointmentLocation>, 'filterKey'> & { filterKey?: string }) => {
+  const session = useSession()
+  const [, { addLocalElements }] = useAppointmentLocations()
+  return (
+    <ModelSearchInput filterKey="appointment_locations" {...props}
+      searchAPI={session.api.appointment_locations.getSome}
+      onLoad={addLocalElements}
+    />
+  )
+}
+
 export const AppointmentBookingPagesSearch = (props: Omit<GenericSearchProps<AppointmentBookingPage>, 'filterKey'> & { filterKey?: string }) => {
   const session = useSession()
   const [, { addLocalElements }] = useAppointmentBookingPages()

package/src/state.tsx

@@ -89,6 +89,7 @@ import {
   WebhookLog,
   FormGroup,
   PortalBranding,
+  MessageTemplateSnippet,
 } from "@tellescope/types-client"
 
 import {
@@ -103,7 +104,7 @@ import {
 } from '@tellescope/sdk'
 import { value_is_loaded } from './loading'
 import { matches_organization, object_is_empty, objects_equivalent } from '@tellescope/utilities'
-import { Model, ModelName, ReadFilter, SortBy } from '@tellescope/types-models'
+import { ModelName, ReadFilter, SortBy } from '@tellescope/types-models'
 
 const RESET_CACHE_TYPE = "cache/reset" as const
 export const resetStateAction = createAction(RESET_CACHE_TYPE)
@@ -345,6 +346,7 @@ const flowchartNotesSlice = createSliceForList<FlowchartNote, 'flowchart_notes'>
 const webhookLogsSlice = createSliceForList<WebhookLog, 'webhook_logs'>('webhook_logs')
 const formGroupsSlice = createSliceForList<FormGroup, 'form_groups'>('form_groups')
 const portalBrandingsSlice = createSliceForList<PortalBranding, 'portal_brandings'>('portal_brandings')
+const messageTemplateSnippetsSlice = createSliceForList<MessageTemplateSnippet, 'message_template_snippets'>('message_template_snippets')
 
 const roleBasedAccessPermissionsSlice = createSliceForList<RoleBasedAccessPermission, 'role_based_access_permissions'>('role_based_access_permissions')
 
@@ -428,6 +430,7 @@ export const sharedConfig = {
     webhook_logs: webhookLogsSlice.reducer,
     form_groups: formGroupsSlice.reducer,
     portal_brandings: portalBrandingsSlice.reducer,
+    message_template_snippets: messageTemplateSnippetsSlice.reducer,
   },
 }
 
@@ -1171,6 +1174,24 @@ export const useUserAndEnduserDisplayInfo = () => {
   return displayInfo
 }
 
+export const useMessageTemplateSnippets = (options={} as HookOptions<MessageTemplateSnippet>) => {
+  const session = useSession()
+
+  return useListStateHook('message_template_snippets', useTypedSelector(s => s.message_template_snippets), session, messageTemplateSnippetsSlice,
+    { 
+      loadQuery: session.api.message_template_snippets.getSome,
+      findOne: session.api.message_template_snippets.getOne,
+      findByIds: session.api.message_template_snippets.getByIds,
+      addOne: session.api.message_template_snippets.createOne,
+      addSome: session.api.message_template_snippets.createSome,
+      deleteOne: session.api.message_template_snippets.deleteOne,
+      updateOne: session.api.message_template_snippets.updateOne,
+    },
+    { 
+      ...options,
+    },
+  )
+}
 export const usePortalBrandings = (options={} as HookOptions<PortalBranding>) => {
   const session = useSession()
 

package/src/table.tsx

@@ -1029,8 +1029,8 @@ export const Table = <T extends Item>({
             onExport={
               onExport ? () => {
                 onExport({
-                  // use items, not sorted, as sorted only includes first page
-                  data:   items.map(s => fields.map(f => f.getExportData?.(s) || '')),
+                  // use items, not sorted, as sorted only includes first page when paginated
+                  data:   (paginated ? items : sorted).map(s => fields.map(f => f.getExportData?.(s) || '')),
                   labels: fields.map(f => f.label)
                 })
               }